/* CSS Document */



 * {
margin: 0; padding: 0; box-sizing: border-box; }
@font-face {
font-family: 'FontAwesome'; src: url('../fonts/fa-solid-900.eot?v=4.3.0'); src: url('../fonts/fa-solid-900.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fa-solid-900.woff2?v=4.3.0') format('woff2'), url('../fonts/fa-solid-900.woff?v=4.3.0') format('woff'), url('../fonts/fa-solid-900.ttf?v=4.3.0') format('truetype'), url('../fonts/fa-solid-900.svg?v=4.3.0#fontawesomeregular') format('svg'); url()

  font-weight: normal; font-style: normal; }
body {
font-family: Arial, sans-serif; background-color: #ffffff; }
/* Header */

header {
background-color: #040e1d; color: white; padding: 20px 20px 20px 20px; }
.header-top {
display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; }
/******** Nav **************

header nav {position:absolute; width:625px; right:10px; top:85px; text-align:right; }
header nav ul{
margin:0; padding:0; }
header nav li{
float:right; border-right:1px solid #fff; padding:0px 5px; text-transform:uppercase; list-style:none; font-family: 'Lato', Arial, sans-serif; font-size:13px; position:relative; transition:all 0.6s ease-in; }
header nav li:first-child{
padding-right:0; border:none; }
header nav li:last-child{
padding-left:0; }
header nav li a{
display:inline; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px 1px #000; }
header nav li a:hover, header nav li a.active{
color:#fedd6b; }
header nav li ul {position:absolute; top:18px; left:0; width:140px; border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; -ms-border-radius:0 0 8px 8px; -o-border-radius:0 0 8px 8px; background-color:rgba(46,106,157,0.7); transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); transition:all 0.3s ease-in; -webkit-box-shadow:1px 1px 2px 1px rgba(46,106,157,0.95); }
header nav li:hover ul {transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in; }
header nav li ul li{
float:none; border-top:1px dotted #fff; border-left:4px solid #ffffff !important; border-right:none !important; text-align:left; padding:0px; text-transform:uppercase; list-style:none; font-family: 'Lato', Arial, sans-serif; position:relative; display:block; line-height:25px; }
header nav li ul li a{
display:block; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px 1px #000; text-indent:9px;text-transform: capitalize; }
header nav li ul li a:before{
margin-right:5px; font-family: 'FontAwesome'; content:'\f00c'; font-size:11px; }
header nav li ul li a:hover{
background-color:rgba(46,106,157,1); }
header nav li ul li:last-child a:hover{
border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; -ms-border-radius:0 0 8px 8px; -o-border-radius:0 0 8px 8px; }
header nav li.sub:after {content:'\f103';font-family: 'FontAwesome';color:#FFFFFF; text-shadow:1px 1px 1px #000; font-size:13px; }
header nav li.subs:after {content:'\f101';font-family: 'FontAwesome';color:#FFFFFF; text-shadow:1px 1px 1px #000; font-size:13px; position:absolute; right:3px; top:0px; }
header nav ul.wd {width:180px; }
header nav ul.wds {left:180px !important; }
header nav li ul li ul, header nav li:hover ul li ul {position:absolute; top:0px; left:140px; width:160px; border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; -ms-border-radius:0 0 8px 8px; -o-border-radius:0 0 8px 8px; background-color:rgba(46,106,157,0.7); transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); transition:all 0.3s ease-in; }
header nav li ul li:hover ul {transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in; }
/******** Nav Ends **********/

/* collapse the gap between the top-bar and the main-nav */

.top-bar {
margin-bottom: 0 !important; padding-bottom: 0 !important; }
.main-nav {
margin-top: 0 !important; padding-top: 0 !important; }
.logo-section {
color: #f68e20; text-align:center; }
.logo-section h1 {
font-size: 36px; font-weight: normal; display: ruby-text; letter-spacing: 2px; color: #f68e20; margin-bottom: -9px; letter-spacing: 2px; }
.logo-section.tagline {
font-style: italic; font-size: 20px; margin-top: 5px; color: #f68e20; }
.logo-section.subtitle {
font-size: 16px; margin-top: 5px; color: #f68e20; }
.logo-text {
font-family: 'Times New Roman', Times, serif; /*'Montserrat', sans-serif; font-weight: 800; */ text-transform: uppercase; letter-spacing: 0.05rem; }
.site-tagline {
color: #ffffff; font-family: 'Great Vibes', 'Allura', cursive; font-size: 1.7rem; margin: 0px 0px 0px 0px; /* margin-left: 3rem; */

margin-top: 0rem; margin-bottom: 0rem; }
.site-subtag {
color: #f68e20; /* orange color */

font-family: 'Times New Roman', Times, serif; /*sans-serif; /* keep your fallback body font */

font-size: 1rem; margin-top: 0.25em; margin-left: 3px; }
.head-right {
float:right; display:block; width:100%; }
.header-right {
display: flex; /* align-items: center; */ float:right; gap: 15px; }
.header-links {
font-size: 16px; }
.header-links a {
color: #ffffff; text-decoration: none; margin: 0 3px; transition: color 0.3s ease; }
.header-links a:hover {
color: #f68e20; }
ul.gallery {
display: flex; flex-wrap: wrap; gap: 5px; }
.gallery li {margin: 0 15px 20px 0px;height: 170px;width: 200px;display: block;overflow: hidden; /*border: 3px solid #f2f2f2; */float: left;transition: all 1s ease-in;list-style: none; position:relative;line-height: 18px !important; }
.gallery li span {
}
.gallery li span strong{
font-size:14px; text-transform:uppercase; }
.gallery li img{
max-height:130px; min-width:200px; }
.gallery li:nth-child(6n) {
margin-right:0px; }
.gallery li:hover {transform:scale(1.05); /*-webkit-box-shadow:0px 0px 1px 2px #cccccc; */}
.gallery li:hover img{
transform:scale(1.02); transition:all 0.3s ease-in; }
ul.news, ul.gallery, ul.impL {
margin-top: 0; padding: 0; }
ul.news, ul.article {
margin-top: 0; padding: 0;  display:block; float:left;}
.news li {
font-size:14px; color:#333333; line-height:25px; list-style:none; margin-bottom:15px; float:left; width:33%; padding-left:30px; position:relative; display:block; }
.news li a, .article li a {
text-decoration:none; border-bottom:1px dotted #333333;color:#333333; }
.news li a:hover, .article li a:hover {color:#000000; border:none; }
.news li a:before {
content:'\f1c1';}
.article li a:before {
content:'\f044';}
.news li a:before, .article li a:before {
font-family: 'FontAwesome'; color:#FF0000; font-size:20px; margin-right:20px; position:absolute; left:0; }
.news.Edit { float:inherit;}
strong.ndata span
 {
    font-size: 50px;
    display: inline-block;
    width: 60px;
    height: 60px;
    float: left;
    text-align: center;}
.news.Edit li a:before {
content:'\f1ea';font-family: 'FontAwesome'; color:#FF0000; font-size:20px; margin-right:20px; position:absolute; left:0; }
.article li  { width:100%;
font-size:14px; color:#333333; line-height:25px; list-style:none; margin-bottom:15px; float:left; padding-left:30px; position:relative; display:block; }
/* Search functionality */

.search-container {
display: flex; align-items: center; gap: 10px; margin-top: -20px; }
.search-icon {
width: 20px; height: 20px; cursor: pointer; fill: white; transition: fill 0.3s ease; }
.search-icon:hover {
fill: #f68e20; }
.search-bar {
display: none; padding: 5px 10px; border: 1px solid #f68e20; border-radius: 3px; background-color: white; color: #000; font-size: 14px; width: 200px; transition: all 0.3s ease; }
.search-bar.active {
display: block; }
.search-bar:focus {
outline: none; box-shadow: 0 0 5px rgba(246, 142, 32, 0.5); }
.language-selector,.goog-te-gadget .goog-te-combo {
background-color: #f68e20; color: white; padding: 5px 10px; border: none; cursor: pointer; font-size: 14px; }
#google_translate_element span{text-indent:1000px; visibility:hidden; }
.goog-te-gadget {
color: #040e1d !important; margin-top:6px !important; }
.header-bottom {
justify-content: space-between; float:right; align-items: center; margin-top: 18px; }
.tagline-nav-wrapper {
display: flex; align-items: center; justify-content: space-between; width: 100%; }
/* Navigation */

.main-nav {
display: flex; gap: 0rem; }
.main-nav a {
color: #ffffff; text-decoration: none; padding: 12px 12px; font-size: 14px; border-left: 1px solid #3b5998; transition: color 0.3s ease; }
.main-nav a:hover {
color: #f68e20; }
.main-nav a:first-child {
border-left: none; }
/* Search highlight */

.search-highlight {
background-color: yellow; font-weight: bold; }
/* Main Content Area */

.main-wrapper {
background-color: #040e1d; position: relative; overflow: hidden; }
/* Orange boundary slabs */

.orange-slab-top {
width: 100%; height: 3px; background-color: #f68e20; }
.orange-slab-bottom {
width: 100%; height: 3px; background-color: #f68e20; }
/* Orange slab divider */

.orange-slab-divider {
width: 100%; height: 3px; background-color: #f68e20; }
.inner-bnr {
position: relative; width: 100%; height: 400px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* background-attachment: fixed; */

    background-position: center; background-size: cover; align-items: center; display: flex

; align-items: center; justify-content: center; font-size: 32px; color: #fff; font-weight: bold; position: relative; }
.inner-bnr:before {
content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(4, 14, 29, 0.5); z-index: 1; }
.about {background-image: url(../images/bnr/1.jpg?w=1200&h=400&fit=crop&crop=center); }
.patent {background-image: url(../images/inr/Patent.jpg?w=1200&h=400&fit=crop&crop=center); }
.trademark {background-image: url(../images/inr/Trademark.jpg?w=1200&h=400&fit=crop&crop=center); }
.copyright {background-image: url(../images/inr/copyright.jpg?w=1200&h=400&fit=crop&crop=center); }
.corporate {background-image: url(../images/inr/corporate.jpg?w=1200&h=400&fit=crop&crop=center); }
.designs {background-image: url(../images/inr/Designs.jpg?w=1200&h=400&fit=crop&crop=center); }
.litigation {background-image: url(../images/inr/litigation.jpg?w=1200&h=400&fit=crop&crop=center); }
.semiconductors {background-image: url(../images/inr/semiconductors.jpg?w=1200&h=400&fit=crop&crop=center); }
.inner-bnr.trademark:before, .inner-bnr.patent:before, .inner-bnr.copyright:before   {background: rgba(4, 14, 29, 0); }
.inner-bnr h1 {
text-align: center; /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); */ color:#fff; text-shadow: 2px 2px 0px #040e1d; margin-top:40px; }
.inner-bnr h5, .inner-bnr h5 a {
text-align: center; color:#040e1d; text-decoration:none;text-shadow: 1px 1px 0px #fff; font-weight: normal; font-size: 11px; margin-top: 5px; }
.inner-bnr h5 a:hover {
}
.inner-bnr h4 {
color:#CCCCCC;text-align:center;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); }
.page-title {color:#ff7300; margin-bottom: 20px; text-align: center; }
.special .page-title, .exp .page-title {text-align:left; font-size:24px; text-align:center; }
/* Image Slider - Full Width */

.image-slider {
position: relative; width: 100%; height: 400px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.slider-container {
display: flex; width: 1500%; /* 15 slides */

height: 100%; animation: slide 45s infinite; /* 3s per slide */

}
.slide {
width: 6.67%; /* 100% ÷ 15 slides */

height: 100%; display: flex; align-items: center; justify-content: center; font-size: 32px; color: white; font-weight: bold; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
/* Overlay for better text readability */

.slide::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(4, 14, 29, 0.5); z-index: 1; }
.slide-text {
position: relative; z-index: 2; text-align: center; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); }
/* 15 themed images - copyright-free from Unsplash */

.slide:nth-child(1) {
background-image: url('../images/bnr/1.jpg?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(2) {
background-image: url('../images/bnr/2.jpg?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(3) {
background-image: url('../images/bnr/3.jpg?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(4) {
background-image: url('../images/bnr/4.jpg?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(5) {
background-image: url('../images/bnr/5.jpg?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(6) {
background-image: url('../images/bnr/6.jpg?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(7) {
background-image: url('../images/bnr/7.jpg?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(8) {
background-image: url('../images/bnr/8.jpg?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(9) {
background-image: url('../images/bnr/9.jpg?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(10) {
background-image: url('../images/bnr/10.jpg?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(11) {
background-image: url('../images/bnr/11.jpg?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(12) {
background-image: url('../images/bnr/12.jpg?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(13) {
background-image: url('../images/bnr/13.jpg?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(14) {
background-image: url('../images/bnr/14.jpg?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(15) {
background-image: url('../images/bnr/15.jpg?w=1200&h=400&fit=crop&crop=center'); }
/*

.slide:nth-child(2) {
background-image: url('https://images.unsplash.com/photo-1628595351029-c2bf17511435?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(3) {
background-image: url('https://images.unsplash.com/photo-1620712943543-bcc4688e7485?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(4) {
background-image: url('https://images.unsplash.com/photo-1436450412740-6b988f486c6b?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(5) {
background-image: url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(6) {
background-image: url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(7) {
background-image: url('https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(8) {
background-image: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(9) {
background-image: url('https://images.unsplash.com/photo-1589994965851-a8f479c573a9?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(10) {
background-image: url('https://images.unsplash.com/photo-1562408590-e32931084e23?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(11) {
background-image: url('https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(12) {
background-image: url('https://images.unsplash.com/photo-1550751827-4bd374c3f58b?w=1200&h=400&fit=crop&crop=center'); }
.slide:nth-child(13) {
background-image: url('https://images.unsplash.com/photo-1567789884554-0b844b597180?w=1200&h=400&fit=crop&crop=center'); }
/* NEW SLIDE 14 - Chemical Engineering 

.slide:nth-child(14) {
background-image: url('https://images.unsplash.com/photo-1532187643603-ba119ca4109e?w=1200&h=400&fit=crop&crop=center'); }
/* NEW SLIDE 15 - Global Presence *

.slide:nth-child(15) {
background-image: url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1200&h=400&fit=crop&crop=center'); }
*/

@keyframes slide {
/* Slide 1 - Artificial Intelligence - Display 2.75s, 0.25s transition */

0%,

6.11% {
transform: translateX(0); }
6.67% {
transform: translateX(-6.67%); }
/* Slide 2 - Biotechnology - Display 2.75s, 0.25s transition */

6.67%,

12.78% {
transform: translateX(-6.67%); }
13.34% {
transform: translateX(-13.34%); }
/* Slide 3 - Robotics - Display 2.75s, 0.25s transition */

13.34%,

19.45% {
transform: translateX(-13.34%); }
20.01% {
transform: translateX(-20.01%); }
/* Slide 4 - Patent Enforcement - Display 2.75s, 0.25s transition */

20.01%,

26.12% {
transform: translateX(-20.01%); }
26.68% {
transform: translateX(-26.68%); }
/* Slide 5 - Trademarks - Display 2.75s, 0.25s transition */

26.68%,

32.79% {
transform: translateX(-26.68%); }
33.35% {
transform: translateX(-33.35%); }
/* Slide 6 - Industrial Design - Display 2.75s, 0.25s transition */

33.35%,

39.46% {
transform: translateX(-33.35%); }
40.02% {
transform: translateX(-40.02%); }
/* Slide 7 - Copyright - Display 2.75s, 0.25s transition */

40.02%,

46.13% {
transform: translateX(-40.02%); }
46.69% {
transform: translateX(-46.69%); }
/* Slide 8 - Corporate - Display 2.75s, 0.25s transition */

46.69%,

52.80% {
transform: translateX(-46.69%); }
53.36% {
transform: translateX(-53.36%); }
/* Slide 9 - Litigation - Display 2.75s, 0.25s transition */

53.36%,

59.47% {
transform: translateX(-53.36%); }
60.03% {
transform: translateX(-60.03%); }
/* Slide 10 - Semiconductors - Display 2.75s, 0.25s transition */

60.03%,

66.14% {
transform: translateX(-60.03%); }
66.70% {
transform: translateX(-66.70%); }
/* Slide 11 - Computer Science - Display 2.75s, 0.25s transition */

66.70%,

72.81% {
transform: translateX(-66.70%); }
73.37% {
transform: translateX(-73.37%); }
/* Slide 12 - Electrical Engineering - Display 2.75s, 0.25s transition */

73.37%,

79.48% {
transform: translateX(-73.37%); }
80.04% {
transform: translateX(-80.04%); }
/* Slide 13 - Mechanical Engineering - Display 2.75s, 0.25s transition */

80.04%,

86.15% {
transform: translateX(-80.04%); }
86.71% {
transform: translateX(-86.71%); }
/* Slide 14 - Chemical Engineering - Display 2.75s, 0.25s transition */

86.71%,

92.82% {
transform: translateX(-86.71%); }
93.38% {
transform: translateX(-93.38%); }
/* Slide 15 - Global Presence - Display 2.75s, loop back */

93.38%,

100% {
transform: translateX(-93.38%); }
}
/* Content Section - Updated for three columns */

.content-section {
display: flex; max-width: 1400px; margin: 0 auto; padding: 40px 20px; position: relative; z-index: 3; background-color: #ffffff; gap: 30px; }
.main-content {
flex: 1; background-color: white; padding: 30px; border-radius: 5px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.main-content p {
line-height: 1.6; margin-bottom: 15px; text-align: justify; font-size: 14px; color: #000000; }
.main-content-inner {
flex: 1; background-color: #ffffff; }
.main-content-inner p {
line-height: 1.6; margin-bottom: 15px; text-align: justify; font-size: 14px; color: #000000; }
.main-content-inner li {
}
.main-content-inner li {
line-height: 1.6; list-style-position: inside; text-align: justify; font-size: 14px; color: #000000; }
/* === READ MORE BUTTON =================================== */

.read-more-wrapper {
text-align: center; margin-top: 1.5rem; clear: both; }
/* 7 % total reduction */

.read-more-btn {
background: #040e1d/*#f68e20*/; color: #fff; border: none; padding: 0.75rem 2rem; font-size: 1rem; cursor: pointer; /* Button Size */

transform: scale(0.75); transition:

	box-shadow 0.25s ease,

	transform 0.25s ease; text-decoration:none; }
/* glow + slight lift on hover / focus */

.read-more-btn:hover,.read-more-btn:focus {
background: #040e1d; /* stays dark */

box-shadow:

	0 0 0 2px #f68e20 inset,

	0 0 8px 2px #f68e20; /* orange glow */



transform: scale(0.93) translateY(-3px); /* same size, lifted 3 px */

outline: none; }
.sidebar {
width: 250px; }
.services-box,.news-box {
background-color: #040e1d; color: white; padding: 15px; border-radius: 5px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); margin-bottom:15px; }
.services-box h3,.news-box h3 {
margin-bottom: 15px; font-size: 16px; color: #f68e20; }
.services-box ul {
list-style: none; }
.services-box li {
padding: 5px 0; position: relative; color: #ffffff; transition: color 0.3s ease; }
.services-box li a {color:#FFFFFF; text-decoration:none; }
.services-box li:hover, .services-box li:hover a{
color: #f68e20; }
.services-box li:before {
left: 0; color: #f68e20; content:url('../img/ser.png');margin-right: 7px; /*font-size:12px;font-family: 'FontAwesome'; transform: rotate(90); */}
/*content: "?"; position: absolute; left: 0; color: #f68e20; }
*/

/*.services-box li:after {left: 0; color: #f68e20; font-family: 'FontAwesome'; content:'\f0d8';margin-right: 7px; font-size:12px;margin-top: 1px; transform: scaleY(2); position:absolute; }
*/

/* News & Articles Box Styles */

.news-box {
height: 300px; overflow: hidden; position: relative; }
.news-scroll-container {
height: 250px; overflow: hidden; }
.news-list {
list-style: none; animation: scrollNews 15s linear infinite; }
.news-box:hover .news-list {
animation-play-state: paused; animation-play-state: paused; }
.news-list li {
padding: 8px 0; border-bottom: 1px solid #333; color: #ffffff; font-size: 12px; line-height: 1.4; transition: color 0.3s ease; }
.news-list li a{
color: #ffffff; text-decoration:none; }
.news-list li:hover {
color: #f68e20; }
.news-list li:before {
content: '\f111'; font-family: 'FontAwesome'; margin-right:5px; color: #f68e20; font-size:9px; }
.news-list li:last-child {
border-bottom: none; }
@keyframes scrollNews {
0% {
transform: translateY(0); }
100% {
transform: translateY(-50%); }
}
/* Founding Partners Section */

.founding-partners-section {
background-color: #040e1d; padding: 40px 20px; border-top: 3px solid #f68e20; }
.partners-container {
max-width: 1400px; margin: 0 auto; }
.partners-title {
text-align: center; font-size: 25px; color: #f68e20; margin-bottom: 30px; font-weight: bold; }
.partners-content {
display: flex; justify-content: center; gap: 100px; align-items: flex-start; }
.partner-item {
text-align: center; transition: transform 0.3s ease; cursor: pointer; }
.partner-item:hover {
transform: scale(1.05); }
.partner-image {height: 250px; object-fit: cover; border-radius: 15px; box-shadow: 0 8px 20px rgba(246, 142, 32, 0.3); border: 3px solid #f68e20; transition: box-shadow 0.3s ease; }
.partner-item:hover .partner-image {
box-shadow: 0 12px 30px rgba(246, 142, 32, 0.5); }
.partner-name {
margin-top: 15px; font-size: 18px; font-weight: bold; color: #ffffff; transition: color 0.3s ease; }
.partner-item:hover .partner-name {
color: #f68e20; }
/* Orange divider - positioned after founding partners */

.orange-divider {
height: 4px; background: #f68e20; width: 100%; margin: 0; }
/* === Gateway to Southeast Asia === */

.gateway-section {
background: #e8ecf7; margin: 0; padding: 15px 0 40px 0; }
.gateway-title {
color: #ff7300; background: transparent; text-align: center; font-size: 32px; font-weight: 700; padding: 18px 0; margin: 0 0 25px 0; }
.carousel-container {
position: relative; overflow: hidden; width: 100%; height: 344px; /* Further reduced by 4% (358px * 0.96 = 343.68px, rounded to 344px) */

display: flex; justify-content: center; }
.carousel-track {
display: flex; transition: transform 1s ease-in-out; height: 100%; width: 100%; }
.gateway-slide {
flex: 0 0 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 15px; /* Further reduced padding to accommodate smaller section */

}
/* Inner slide content - further 4% height reduction */

.gateway-slide-inner {
width: 95%; max-width: 1000px; height: 313px; /* Further reduced by 4% (326px * 0.96 = 312.96px, rounded to 313px) */

background: #ffffff; border:  1px solid #cbcccf; border-radius: 6px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); transition: all 0.3s ease; cursor: pointer; position: relative; padding: 24px; /* Further reduced padding for smaller slide */

display: flex; align-items: flex-start; gap: 20px; /* Further reduced gap */

}
.gateway-slide-inner:hover {
box-shadow: 0 8px 24px rgba(246, 142, 32, 0.6); transform: translateY(-8px); border-color: #f68e20; }
.gateway-flag {
width: 130px; /* Further reduced flag size for smaller slide */

height: auto; border: 1px solid #ccc; border-radius: 6px; flex-shrink: 0; margin-top: 5px; }
.gateway-content {
flex: 1; overflow: hidden; }
.gateway-content h3 {
margin: 0 0 10px 0; /* Further reduced bottom margin */

color: #0e2b67; font-size: 24px; /* Further reduced font size */

font-weight: 600; }
.gateway-content p {
margin: 0; line-height: 1.45; /* Further reduced line height */

color: #333; text-align: justify; font-size: 15px; overflow-y: auto; max-height: 240px; /* Further reduced by 4% (250px * 0.96 = 240px) */

padding-right: 12px; }
/* Scrollbar styling for webkit browsers */

.gateway-content p::-webkit-scrollbar {
width: 10px; }
.gateway-content p::-webkit-scrollbar-track {
background: #f1f1f1; border-radius: 5px; }
.gateway-content p::-webkit-scrollbar-thumb {
background: #888; border-radius: 5px; }
.gateway-content p::-webkit-scrollbar-thumb:hover {
background: #555; }
/* Memberships Section */

.memberships-section {
background-color: #f5f5f5; padding: 40px 0px; border-top: 3px solid #f68e20; }
.memberships-container {
max-width: 100%; margin: 0 auto; }
.memberships-title {
text-align: center; font-size: 24px; color: #ff7300; margin-bottom: 30px; font-weight: bold; }
.marquee-container {
overflow: hidden; white-space: nowrap; background-color: white; padding: 20px 0; border-radius: 0px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
.marquee-content {
display: inline-block; animation: marquee 60s linear infinite; }
.marquee-container:hover .marquee-content {
animation-play-state: paused; }
.logo-item {
display: inline-block; margin: 0 30px; vertical-align: middle; transition: transform 0.3s ease; }
.logo-item:hover {
transform: scale(1.1); }
.logo-item img {
height: 60px; width: auto; max-width: 150px; object-fit: contain; }
.text-logo {
display: inline-block; padding: 10px 20px; background-color: #040e1d; color: white; font-weight: bold; border-radius: 5px; font-size: 14px; text-align: center; min-width: 120px; }
.text-logo.wipo {
background-color: #0066cc; }
.text-logo.uspto {
background-color: #d32f2f; }
.text-logo.epo {
background-color: #1976d2; }
.text-logo.inta {
background-color: #388e3c; }
.text-logo.aippi {
background-color: #7b1fa2; }
.text-logo.ficpi {
background-color: #f57c00; }
.text-logo.bar {
background-color: #5d4037; }
.text-logo.chamber {
background-color: #455a64; }
.text-logo.ptab {
background-color: #e91e63; }
.text-logo.ttab {
background-color: #607d8b; }
.text-logo.ipr {
background-color: #795548; }
.text-logo.wto {
background-color: #3f51b5; }
.text-logo.aba {
background-color: #ff5722; }
.text-logo.ipbc {
background-color: #009688; }
.text-logo.lesi {
background-color: #673ab7; }
.text-logo.asipi {
background-color: #ff9800; }
.text-logo.marques {
background-color: #2196f3; }
.text-logo.apaa {
background-color: #4caf50; }
@keyframes marquee {
0% {
transform: translateX(0); }
100% {
transform: translateX(-50%); }
}
/* Conferences Section */

.conferences-section {
background-color: #ffffff; padding: 40px 0px; border-top: 3px solid #f68e20; }
.conferences-container {
max-width: 100%; margin: 0 auto; /*display: flex; gap: 40px; */  width: 100%; }
.conferences-column {
flex: 2; min-width: 0; margin-bottom:20px; }
.conferences-title {
text-align: center; font-size: 20px; color: #ff7300; margin-bottom: 20px; font-weight: bold; }
.conferences-marquee-container {
overflow: hidden; white-space: nowrap; background-color: #f5f5f5; padding: 30px 0; border-radius: 0px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); height: 240px; position: relative; }
.conferences-marquee-content {
display: inline-block; width:100%; /*  animation: marquee 25s linear infinite; Increased speed from 60s to 25s */}
.conferences-marquee-container:hover .conferences-marquee-content {
/*animation-play-state: paused; */}

.conference-item {
display: inline-block; margin: 0 20px; vertical-align: top; transition: transform 0.3s ease; text-align: center; cursor:pointer; }
.conference-item:hover {
transform: scale(1.05); }
.conference-image {
width: 180px; height: 135px; object-fit: cover; border-radius: 5px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); transition: box-shadow 0.3s ease; }
.conference-item:hover .conference-image {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); }
.conference-caption {
margin-top: 10px; font-size: 11px; font-weight: bold; color: #040e1d; white-space: normal; width: 180px; line-height: 1.3; }
.conference-item a {
text-decoration:none; }
.marquee-content-Flag.event img { width:180px; margin-bottom:10px; }
.marquee-content-Flag.event a { display:inline-block;
    font-size: 11px;
    font-weight: bold;
    color: #040e1d;
    line-height: 1.3; margin-right:25px; text-transform:inherit;}
	
.marquee-content-Flag.event{	background-color: #f5f5f5; padding: 30px 0; border-radius: 0px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); height: 240px; }

.event-marquee-container {
background-color: #f5f5f5; padding: 30px 0; border-radius: 0px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); height: 240px; position: relative; }
.event-item {
display: inline-block; margin: 0 20px; vertical-align: top; transition: transform 0.3s ease; text-align: center; cursor:pointer; }
.event-item:hover {
transform: scale(1.05); }
.event-image {
width: 180px; height: 135px; object-fit: cover; border-radius: 5px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); transition: box-shadow 0.3s ease; }
.event-item:hover .conference-image {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); }
.event-caption {
margin-top: 10px; font-size: 11px; font-weight: bold; color: #040e1d; white-space: normal; width: 180px; line-height: 1.3; }
.event-item a {
text-decoration:none; }
@keyframes marquee {
0% {
transform: translateX(0); }
100% {
transform: translateX(-50%); }
}
/* Responsive design */

.sidebar#NavPOPUP{ display:none;position: fixed; 
        z-index: 999;
        top: 0;
        height: 100%;
        background: #000000cf;
        left: 0;}

@media (max-width: 1002px)  {

.inner-bnr {height:300px !important;}
.conferences-container {
flex-direction: column; gap: 20px; }
.footer-content {
display:inline-block !important; }
.partner-image {max-width: 250px; max-height: 250px; object-fit: inherit; }
.partners-content {gap:20px; }
.footer-column {
width:50% !important; display:block !important; float: left; margin-right: 0px !important; }
.main-content-inner.ctnPage {
display: table !important; }

.main-content-inner.ctnPage  .form-box {
width: 100% !important; padding:0px; display: block; float: left; display: block; border-top: 1px solid #ccc; border-left: none; }
.main-content-inner.ctnPage  .form-box form{
max-width: 99% !important; display:table; width:95%; }
.main-content-inner.ctnPage .bx1 {
width: 50% !important; float: left; padding: 0px 50px; }
.form-box h2 {
margin-top:30px; }
.header-top {display: inline-block; }
.logo-section {
width:100%; display:block; text-align:center; float:left; }
.header-links {
width: 100%; font-size: 13px !important; display: block; float: left; }
.header-right {
margin: 15px auto 0px auto; width: 100%; display: inline-grid; text-align: center;max-height: 60px; }
.main-menu ul>li { margin:5px 0px 0px 0px !important;}
.main-menu ul>li a {
    padding: 5px 12px !important;
    line-height: 14px !important;}
.main-menu ul>li a li.sub-nav a:after {top:2px !important;}
	.main-menu ul>li .sub-down { top:25px !important;}
.search-container {
display:none; }
.header-bottom {
}
header {
padding: 20px 5px !important; }
.logo-section h1 {
font-size: 32px !important; }

.sidebar-link {display: block; }
.content-section .sidebar:nth-child(1) {display:none;}
.sidebar#NavPOPUP{ display:none;}
.sidebar#NavPOPUP .services-box {display:block; margin:50px;}
	.open-btn, .close-btn1  {display:inherit !important;}
.sidebar { width:100% !important;/*display: none; */}
.sidebar .news-box{ width:100% !important;
}
.content-section { display:block !important;} 
}
.open-btn {
    position: absolute; display:none;
    top: 215px;
    right: -54px;
    background: #040e1d;
    color: #f68e20;
    border: none;
    padding: 12px 16px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    transform: rotate(90deg);
    border-radius: 0 0 8px 8px;
    z-index: 998;
}
/* Close Button */
.close-btn1 {
    position: absolute;display:none;
    color: #f68e20;
    top: 10px;
    right: 15px;
    font-size: 40px;
    cursor: pointer;
}
@media (max-width: 885px)  {
.main-content-inner.ctnPage .bx2 {
width:50% !important; }
.main-content-inner.ctnPage .bx1 {
padding: 0px 20px; }
.news li {width:50% !important;}
}
@media (max-width: 500px)  {
.inner-bnr {height:210px !important;}

.news li {width:100% !important;}
/*.spec1 li {list-style:none;}
.spec1 li:before {content: '\f111';
        font-family: 'FontAwesome';
        font-size: 5px;
        font-weight: bold;
        margin-right: 8px;
        color: #093fac;}
		.spec1 li:hover:before {color:#ff7300;}*/
.flagBx:after {clear:both;}
.flagBx { display: table !important; margin: auto;}
.header-right {gap:5px !important;}
.footer-column {
width:100% !important; margin-bottom:20px; }
.main-content-inner.ctnPage  .form-box form{
max-width: 95% !important; }
.main-content-inner.ctnPage .bx1 {
width:100% !important; }
.main-content-inner.ctnPage .bx2 {
width:100% !important; border-left:none !important; border-top:1px solid #ccc; }
.main-content-inner.ctnPage .bx2 h2 {margin-top:30px; }
.partners-content {gap:20px !important; display:block !important; }
.partner-image {
max-width: 160px;max-height: 160px; }
.spec .partner-item {
margin-bottom:20px !important; }
.countryBx {display:block !important; }

.main-content-inner .team {display:block !important;}
.PcolD {display:table !important; margin:auto !important; float:inherit !important;}
.PcolD:after{ clear:both;}

.impL li {width:100% !important;}
.flex { display: block !important;}

.flex .col2{width: 100% !important;}
.form-box {padding:0px !important;}
}
/* Footer */

footer {
background-color: #040e1d; color: white; padding: 40px 20px 20px; }
.footer-content {
max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }
.footer-column {
flex: 1; margin-right: 30px; }
.footer-column:last-child {
margin-right: 0; }
.footer-column h3 {
color: #f68e20; font-size: 16px; margin-bottom: 15px; }
.footer-column ul {
list-style: none; display: flex; flex-wrap: wrap; }
.footer-column li {
width: 50%; padding: 3px 0; font-size: 12px; color: #ffffff; transition: color 0.3s ease; }
.footer-column li a{
color:#ffffff; text-decoration:none; }
.footer-column li:before{
margin-right:8px; font-family: 'FontAwesome'; content:'\f00c'; color: #f68e20; font-size:12px; }
.footer-column li:hover a {
color: #f68e20; transition: color 0.3s ease; }
/* .footer-column li:before {
content: "? "; color: #f68e20; }
*/



/* Social Media Icons */

.social-icons {
display: flex; gap: 15px; margin-top: 10px; background-size: 30px 30px; }
.social-icon {
width: 30px; height: 30px; transition: transform 0.3s ease; cursor: pointer;background-size: 30px 30px; }
.social-icon:hover {
transform: scale(1.2); }
/* Individual social media brand colors */

.social-icon.youtube {
background-image:url(../images/social/youtube.png); }
.social-icon.instagram {
background-image:url(../images/social/insta.png); }
.social-icon.linkedin {
background-image:url(../images/social/linkedin.png); }
.social-icon.twitter-old {
background-image:url(../images/social/twitter.png); }
.social-icon.facebook {
background-image:url(../images/social/facebook.png); }
.contact-info {
font-size: 12px; line-height: 1.6; color: #ffffff; }
.contact-info p {
transition: color 0.3s ease; }
.contact-info p:hover {
/*color: #f68e20; */ }
.footer-bottom {
text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid #040e1d; font-size: 11px; color: #ffffff; }
.footer-bottom p a{
color:#FFFFFF; text-decoration:none; }
.footer-bottom p {
transition: color 0.3s ease; }
.footer-bottom p a:hover, .footer-bottom p:hover {
color: #f68e20; }
.newsletter-form {
margin-top: 10px; }
.newsletter-form input {
padding: 5px; width: 200px; margin-right: 5px; }
.newsletter-form button {
background-color: #f68e20; color: white; border: none; padding: 5px 15px; cursor: pointer; }
/* NEW: Cards sliders (Expertise and Special Services) */

.cards-section {
background-color: #e8ecf7; padding: 40px 20px 60px; }
.cards-section .section-inner {
max-width: 100%; /*max-width: 1400px; */ margin: 0 auto; }
/* Update the section header styles */

.cards-section .section-header {
display: flex; align-items: center; justify-content: center; /* Changed from space-between to center */

gap: 16px; margin-bottom: 18px; position: relative; /* Added for absolute positioning of nav buttons */

}
.cards-section .section-title {
margin: 0; color: #ff7300; font-size: 24.5px; font-weight: 700; letter-spacing: 0.3px; text-align: center; /* Added to ensure text is centered */

}
.section-header, .section-inner {position:relative; }
.cards-section .section-title{
color: #ff7300; font-size: 24.5px; font-weight: 700; letter-spacing: 0.3px; text-align: center; }
.section-title {
margin-bottom:20px; }
.card-body a {
background-color: #f68e20; color: white; padding: 5px 10px;border: 1px solid #ccc; display: table; margin: 5px auto; cursor: pointer; text-decoration:none; font-size: 12px; }
.card-visual {
max-height:250px; overflow-x:hidden; overflow-y:hidden;text-align: center; }
.card-title {text-align:center; font-size:14px; margin-top:15px}
/*.card-visual img {
max-width:400px; max-height:400px; min-height:150px; min-width:150px; }
*/

.slider-nav {
display: flex; gap: 10px; position: absolute; right: 0px; top: 20px; transform: translateY(-50%); }
/* .slider-nav {
display: flex; gap: 10px; position: absolute; /* Position absolutely */ 

/* right: 0; /* Align to the right edge */

/* top: 50%; /* Center vertically */

/* transform: translateY(-50%); /* Perfect vertical centering */

/* }
*/



/* Updated slider arrow styles in the cards-section CSS */

.slider-arrow,.prev-btn,.next-btn {
width: 40px; height: 40px; border-radius: 999px; border: 1px solid #c9c9c9; background: #ff7300; /* Default background is blue */

color: #fff; /* Default icon color is white */

font-size: 20px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease; }
.slider-arrow:hover:not(:disabled),.prev-btn:hover:not(:disabled),.next-btn:hover:not(:disabled) {
transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }
.slider-arrow:disabled,.prev-btn:disabled,.next-btn:disabled {
opacity: 1; /* Remove opacity reduction */

cursor: not-allowed; box-shadow: none; background: #fff; /* Disabled arrows are white */

color: #040e1d; /* Disabled arrow icons are blue */

border-color: #040e1d; /* Blue border for disabled state */

}
/* Optional: Add hover effect for disabled state to show it's not clickable */

.slider-arrow:disabled:hover,.prev-btn:disabled:hover,.next-btn:disabled:hover {
transform: none; /* No movement on hover when disabled */

}
.slider-nav .prev-btn:before {content:'\f053'; font-family: 'FontAwesome'; }
.slider-nav .next-btn:before {content:'\f054'; font-family: 'FontAwesome'; }
/* Allow vertical glow to render outside the wrapper (keeps horizontal masking for the slider) */

.cards-wrapper {
overflow-x: hidden; overflow-y: visible; width: 100%; }
.cards-container {
display: flex; gap: 20px; /* keep in sync with JS step size */

will-change: transform; transition: transform 0.6s ease; transform: translateX(0); }
/* Simplified card structure - remove the complex inner wrapper */

.feature-card {
flex: 0 0 calc((100% - 80px) / 5); background: #fff; /* was rgba(255, 255, 255, 0.1) */

backdrop-filter: none; /* optional: can remove the blur since the card is solid */

border: 2px solid transparent; border-radius: 8px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.07); transition: all 0.3s ease; height: 100%; position: relative; overflow: hidden; }
/* Keep it white on hover too */

.feature-card:hover {
transform: translateY(-5px); background: #fff; /* was rgba(255, 255, 255, 0.15) */

box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); z-index: 3; }
/* Update card visual to fill the card directly */

.feature-card .card-visual {
height: 140px; overflow: hidden; border-radius: 6px 6px 0 0; /* Leave small gap for border visibility */

}
/* Update the image to fill its container */

.feature-card .card-visual img {
width: 100%; height: 100%; object-fit: cover; border-radius: 0; /* Remove border-radius from image since container handles it */

}
.feature-card .card-body {
padding: 10px 12px 12px; text-align: center; /* Added to center all content in card body */

}
.feature-card .card-title {
margin: 0 0 6px 0; color: #0e2b67; font-size: 14px; /* Further increased from 13px (5% increase) */

line-height: 1.25; min-height: 2.35em; }
/* Update the.feature-card.card-cta styles in the CSS section */

.feature-card .card-cta {
display: inline-block; margin-top: 4px; padding: 6px 13px; /* Further increased from 6px 12px (4% increase) */

color: #fff; border: none; border-radius: 4px; background: #040e1d; font-size: 12px; /* Further increased from 11px (approximately 4% increase) */

text-decoration: none; transition: box-shadow 0.25s ease, transform 0.25s ease; cursor: pointer; }
.feature-card .card-cta:hover,.feature-card .card-cta:focus {
background: #040e1d; /* Background stays dark */

color: #fff; /* Text stays white */

box-shadow:

	0 0 0 2px #f68e20 inset,

	0 0 8px 2px #f68e20; /* Orange glow effect retained */

transform: translateY(-3px); /* Rise up 3px on hover */

border: none; /* Ensure no border on hover */

outline: none; }
/* Responsive (maintain ~40% smaller than before) */

@media (max-width: 1024px) {
.feature-card {
flex: 0 0 calc((100% - 40px) / 3); /* previously 2 per view; now 3 per view */}
.feature-card .card-visual {
height: 114px; }
}
@media (max-width: 640px) {
.feature-card {
flex: 0 0 100%; max-width: 405px; /* keep 1 per view on small screens */}
.feature-card .card-visual {
height: 103px; }
}
/******** Menu Start *****************/




/* ---------- BASE NAV STYLES ---------- */
 .main-menu {
text-align: center; }
.main-menu ul {
margin: 0; list-style-type: none; }
.main-menu ul>li {
display: inline-block; position: relative; border-left: 1px solid #3b5998; text-transform:uppercase; }
.main-menu ul li:first-child  {border-left: none; }
.main-menu ul>li a {
padding: 12px 12px; text-align: center; line-height: 20px; font-size: 14px; display: block; font-weight: 500; color: #fff; text-decoration:none;transition: color 0.3s ease; }
.main-menu ul>li a:hover {
color: #f4b328; }
.main-menu ul li:last-child a {
padding-right: 0; }
.main-menu ul>li:hover .sub-down {display:block; transition: color 0.3s ease; }
.sub-down li {
background: #040e1d; border-bottom: 1px Solid #333; text-align: left !important; }
.main-menu ul>li .sub-down {display:none; transition: color 0.3s ease; position:absolute; top: 40px; z-index: 9999; }
li.sub-nav {position:relative !important; }
.sub-down li {display:block; width:100%; position: relative; text-align: left; vertical-align: middle; border:none !important; min-width: 190px; margin: 0 !important; }
.sub-down li a {
color: #114c7d; text-align: left !important; text-transform:uppercase; font-size: 15px; text-wrap-mode: nowrap; font-weight: 300; position: relative; border-bottom: solid #eee 1px; }
li.sub-nav a:after {content:'\f0dd';font-family: 'FontAwesome'; font-size:18px; position: absolute; top: 8px; right: 3px; }
li.sub-nav a {
padding-right: 20px !important; }
li.sub-nav ul a:after {content:''; }
.main-menu ul>li .sub-down li a::before {
}
.main-menu ul>li .sub-down li a:hover {
color: #f4b328; }
.main-menu ul>li .sub-down li a:hover::before {
}
.main-menu ul li:first-child {
margin-left: 0; }
.main-menu ul>li>ul {
opacity: 0; position: absolute; text-align: left; top: 100%; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; visibility: hidden; width: 240px; z-index: 999; background: #fff; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.main-menu > ul > li:hover > ul {
-webkit-transform: scaleY(1); transform: scaleY(1); visibility: visible; opacity: 1; }
.main-menu ul>li>ul>li {
margin: 0px; position: relative; display: block; }
.main-menu ul>li>ul>li:hover>ul {
-webkit-transform: scaleY(1); transform: scaleY(1); visibility: visible; opacity: 1; left: 100%; top: 10px; }
.main-menu ul>li>ul>li>a {
background: none !important; }
.mean-container .mean-nav {
margin-top: 0px; position: absolute; top: 100%; }
.main-menu ul>li {
position: inherit; display: inline-block; text-align: left; vertical-align: middle; margin: 20px 0px 0px 0px; }
.main-menu ul > li.sub a:after {content:'\f054';font-family: 'FontAwesome'; }
.main-menu ul>li:nth-child (6) {
padding-right: 0px; }
.nav>li {
position: inherit; display: inline-block; vertical-align: middle; }
.megamenu .sub-down {
max-width: 1140px; width: 100%; left: 0; margin: 0 auto; right: 0; padding: 15px 0px; }
/* ---------- HAMBURGER TOGGLE ---------- */
.menu-toggle {
  display: none;
  width: 28px;
  height: 20px;
  position: absolute;
  top: 24px;
  right: 15px;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}

.menu-toggle span {
  height: 3px;
  width: 100%;
  background: #f68e20;
  border-radius: 2px;
  transition: 0.3s;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 767px) {
  .menu-toggle {
    display: flex;
  }
    .header-right { position:relative !important;}
	.header-bottom {margin-top:5px !important;}
	.main-menu {
    text-align: center;
    width: 100% !important;;
    display: block !important;;
    overflow-y: scroll !important;;
    position: relative !important;;
}
  .main-menu ul {
    display: none;
    flex-direction: column;
    background: #040e1d;
    text-align: left;
    width: 100% !important;;
  }
.header-top {
        /*display: inline-block;*/
        width: 100% !important;}
  .main-menu ul li {
    border-bottom: 1px solid #222;
	border-left:none !important;; width:100% !important;
  }
  li.sub-nav a:after {top: 1px !important;}

  .main-menu ul li a {
    padding: 12px 20px;
  }

  .main-menu ul li .sub-down {
    position: static;
    display: none;
    background: #06152e;
  }

  .main-menu ul li.open .sub-down {
    display: block;
  }

  /* Animate hamburger into X */
  .menu-toggle.active span:nth-child(1) {
    transform: rotate(40deg) translateY(11px);
  }
  .menu-toggle.active span:nth-child(2) {
    opacity: 0;
  }
  .menu-toggle.active span:nth-child(3) {
    transform: rotate(-39deg) translateY(-11px);
  }
}

/* Desktop hover fix */
@media (min-width: 768px) {
  .main-menu ul {
    /*display: flex !important;*/
  }
}



/* @import url(meanmenu.css); */


/*
 .main-menu {
text-align: center; }
.main-menu ul {
margin: 0; list-style-type: none; }
.main-menu ul>li {
display: inline-block; position: relative; border-left: 1px solid #3b5998; text-transform:uppercase; }
.main-menu ul li:first-child  {border-left: none; }
.main-menu ul>li a {
padding: 12px 12px; text-align: center; line-height: 20px; font-size: 14px; display: block; font-weight: 500; color: #fff; text-decoration:none;transition: color 0.3s ease; }
.main-menu ul>li a:hover {
color: #f4b328; }
.main-menu ul li:last-child a {
padding-right: 0; }
.main-menu ul>li:hover .sub-down {display:block; transition: color 0.3s ease; }
.sub-down li {
background: #040e1d; border-bottom: 1px Solid #333; text-align: left !important; }
.main-menu ul>li .sub-down {display:none; transition: color 0.3s ease; position:absolute; top: 40px; z-index: 9999; }
li.sub-nav {position:relative !important; }
.sub-down li {display:block; width:100%; position: relative; text-align: left; vertical-align: middle; border:none !important; min-width: 190px; margin: 0 !important; }
.sub-down li a {
color: #114c7d; text-align: left !important; text-transform:uppercase; font-size: 15px; text-wrap-mode: nowrap; font-weight: 300; position: relative; border-bottom: solid #eee 1px; }
li.sub-nav a:after {content:'\f0dd';font-family: 'FontAwesome'; font-size:18px; position: absolute; top: 8px; right: 3px; }
li.sub-nav a {
padding-right: 20px !important; }
li.sub-nav ul a:after {content:''; }
.main-menu ul>li .sub-down li a::before {
}
.main-menu ul>li .sub-down li a:hover {
color: #f4b328; }
.main-menu ul>li .sub-down li a:hover::before {
}
.main-menu ul li:first-child {
margin-left: 0; }
.main-menu ul>li>ul {
opacity: 0; position: absolute; text-align: left; top: 100%; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; visibility: hidden; width: 240px; z-index: 999; background: #fff; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.main-menu > ul > li:hover > ul {
-webkit-transform: scaleY(1); transform: scaleY(1); visibility: visible; opacity: 1; }
.main-menu ul>li>ul>li {
margin: 0px; position: relative; display: block; }
.main-menu ul>li>ul>li:hover>ul {
-webkit-transform: scaleY(1); transform: scaleY(1); visibility: visible; opacity: 1; left: 100%; top: 10px; }
.main-menu ul>li>ul>li>a {
background: none !important; }
.mean-container .mean-nav {
margin-top: 0px; position: absolute; top: 100%; }
.main-menu ul>li {
position: inherit; display: inline-block; text-align: left; vertical-align: middle; margin: 20px 0px 0px 0px; }
.main-menu ul > li.sub a:after {content:'\f054';font-family: 'FontAwesome'; }
.main-menu ul>li:nth-child (6) {
padding-right: 0px; }
.nav>li {
position: inherit; display: inline-block; vertical-align: middle; }
.megamenu .sub-down {
max-width: 1140px; width: 100%; left: 0; margin: 0 auto; right: 0; padding: 15px 0px; }*/
/***************** Menu End *************************/





  /************************** Translate *****************/

  

  .impL li{
font-size:14px; color:#333333; list-style:none; padding:10px; position:relative; display:block; margin-bottom:3px; width:33.33%; min-height:75px; float:left; }
.impL li a{font-size:12px; text-decoration:none;border-bottom:1px dotted #333333;color:#333333; /*margin-left: 25px; */}
.impL li:nth-child(2n){
background-color:#f2f2f2; }
.impL li:nth-child(2n+1){
background-color:#E8E8E8; }
.impL li:before{content:'\f064';font-family: 'FontAwesome'; margin-right:10px;color: #003366; }
.impL li:after{content:'\f08e';font-family: 'FontAwesome'; margin-left:5px;color: #003366; font-size:11px; }
.impL li:after {
content: '\f08e'; font-family: 'FontAwesome'; margin-left: 5px; color: #003366; font-size: 11px; }
.spec1 ol{
}
.spec1 li::marker{
font-size:16px; color:#093f8f; }
.spec1 ul{padding-left:15px;}
.spec1 li{
font-size: 14px; color:#093f8f; padding: 0 0 4px 3px; position: relative; display: list-item; vertical-align: middle; margin-bottom: 3px; /* color: #333333; /*  color:#040e1d; list-style: auto; *//* width: 25%; *//* min-height: 35px; *//* float: left; */

    list-style-position: outside; transition: color 0.3s ease; }
.spec1 li a{font-size:14px; text-decoration:none;border-bottom:1px dotted #093f8f;color:#093f8f; /*#040e1d;color:#040e1d;333333 000000 margin-left: 25px; */    transition: color 0.5s ease; }
.spec1 li:hover, .spec1 li:hover a {
color:#ff7300; }
.spec1 strong[*|id] {
color:#093f8f; padding:15px 0px; /*  color:#040e1d;font-size: 16px; */

}
.spec1 ul:nth-child(n+1) li,.spec1 ul:nth-child(n+1) li:hover, .spec1 ul:nth-child(3) li:hover {color:#000; }
.spec ol{
}
.spec li::marker{
}
.spec li{
font-size: 14px; color: #333333; list-style: auto; padding: 10px; position: relative; display: list-item; vertical-align: middle; margin-bottom: 3px; width: 25%; min-height: 35px; float: left; list-style-position: inside; transition: color 0.5s ease; }
.spec li a{font-size:14px; text-decoration:none;border-bottom:1px dotted #333333;color:#333333; /*margin-left: 25px; */    transition: color 0.5s ease; }
.spec li:hover, .spec li:hover a {
color:#f68e20; }
.spec li:nth-child(2n){
background-color:#f2f2f2; }
.spec li:nth-child(2n+1){
background-color:#E8E8E8; }
/*.spec li:before{content:'\f064';font-family: 'FontAwesome'; margin-right:10px;color: #003366; }
.spec li:after{content:'\f08e';font-family: 'FontAwesome'; margin-left:5px;color: #003366; font-size:11px; }
.spec li:after {
content: '\f08e'; font-family: 'FontAwesome'; margin-left: 5px; color: #003366; font-size: 11px; }
*/

.sitemap {
float: left; height: auto; width: 50%; font-size:14px; text-align: justify; }
.sitemap ul {margin:0 0 0 12px;padding:0; }
.sitemap ul ul{margin: 0;padding: 0 0 0 15px;background: url(../images/liney.png) repeat-y 1px -1px; position:relative; }
.sitemap  ul li {font-family: 'Lato', Arial, sans-serif; line-height:20px; list-style-image: url(../images/list-icon.png); }
.wh {position:absolute; bottom:0; left:1px; width:3px; background-color:#fff; height:7px; }
.sitemap  ul li li{
list-style-image: url(../images/sub.png); }
.sitemap ul li a{
text-decoration: none; color:#333333; }
.sitemap li a:hover{
text-decoration: underline; color: #2D6FAC; }
.main-content-inner .inner-bnr {background: none; box-shadow: none; width: inherit; height: inherit; margin-bottom: 20px; }
.main-content-inner .inner-bnr h1{
text-align: left; color: #040e1d; text-shadow: none;margin: inherit; margin-bottom: 10px; }
.main-content-inner .inner-bnr h5, .main-content-inner .inner-bnr h5 a{text-align: left; color: #dd7f1c; }
.inner-bnr .slide-text {
text-transform: uppercase; /*font-size: 50px; */ 	

}
/* Styles for the button itself */

        #topBtn {
display: none; /* Hidden by default */

           position: fixed; bottom: 10px; right: 15px; z-index: 99; background-color: #f68e20; color: #ffffff; cursor: pointer; font-size: 12px; border-radius: 50%; width: 45px; height: 45px; line-height: 60px; border: 0; text-transform: uppercase; }
#topBtn:before {content:'\f106';font-family: 'FontAwesome';color:#FFFFFF; position: absolute; top: -15px; right: 17px; font-size: 20px; font-weight: normal; }
#topBtn:hover {
background-color: #333; }
.success,.error {top: 50%; left: 50%; transform: translate(-50%, -50%); /* true center */position: fixed; background-color:#fff; border-radius:5px; padding: 50px;z-index: 3; }
.success {
color:#063; font-size:16px; font-weight:normal; }
.error {
color:#F00; font-size:16px; font-weight:normal; }
.mask {
background-color: rgba(0,0,0,0.9);z-index: 9;width: 100%;height: 100%;position: fixed;top: 0;left: 0; display:none; }
.cls{position: absolute; top: -16px; /* font-size: 41px; color: #CBCBCB; */

    right: -7px; cursor: pointer; background: #3d3d3d96; border-radius: 50%; width: 28px; height: 28px; padding:3px; text-align: center; }
.cls img{
height:22px; }
.main-content-inner .team {display:flex; }
.PcolD {float: left; font-size: 14px; font-family: Arial, sans-serif; text-align: left; width: 200px; padding: 0 0 10px 0; position: relative; /*background-color: rgb(241 241 241) #E8E8E8; */ border-radius: 4px; color: #fff; margin-bottom: 20px; margin-right: 20px; }
.PcolD .detail {width: 100%; float: right; text-align:center; padding: 10px; color: #ff7300;background: #040e1d; }
.PcolD img{
/* position: absolute; */

    top: -11px; left: 0px; border:3px solid #ff7300; transform: scaleX(-1); border-radius: 4px 4px 0px 0px; float: left; }
.email:before {font-family: 'FontAwesome'; margin-right:3px; }
/*content:'\f0e0'; */

.PcolD .detail a{
color:#fff; text-decoration:none; font-size:12px; }
.PcolD .detail a:hover{
color:#ff7300; }
.PcolD .detail strong {font-size:16px; color:#ff7300; display:block; }
.team-section {
text-align: center; padding: 60px 20px; background-color: #fff; }
.team-section h1 {
font-size: 36px; margin-bottom: 40px; color: #222; }
.team-container {
display: flex; justify-content: center; flex-wrap: wrap; gap: 30px; }
.team-member {
background-color: #040e1d; border-radius: 10px; /* padding: 20px; */

    width: 200px; /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); */

    transition: transform 0.3s ease; border: 1px solid #efefef; cursor:pointer; text-align:center; }
.team-member:hover {
transform: translateY(-5px); }
.team-member img {
width: 200px; height: 200px; border-radius: 10px 10px 0 0; object-fit: cover; border: 1px solid #efefef; }
.team-member h3 {
margin: 10px 0 5px; font-size: 16px; padding: 0 10px; color: #f68e20; }
.team-member .role {
color: #ffffff; font-size: 14px; margin-bottom: 10px; padding: 0 10px; text-align:center; }
.socials a {
margin: 0 8px; text-decoration: none; color: #444; font-size: 18px; transition: color 0.3s; }
.socials a:hover {
color: #0077b6; }
#goog-gt-tt {display:none !important; }
/************** */



.marquee-container-Flag {
width: 100%; overflow: hidden; white-space: nowrap; /*   border: 1px solid #ddd; background: #fff; */

}
.marquee-content-Flag {
display: inline-block; }
.marquee-content-Flag a {
display: inline-block; margin: 0px 5px; text-align:center; text-decoration:none; text-transform:uppercase; color: #0e2b67; font-size: 14px; font-weight:bold; line-height: 35px; min-height: 2.35em; }
.marquee-content-Flag img {
height: 135px;border:1px solid #333333; vertical-align: middle; }
/*********************************** /



/* Modal overlay */

.modal {
display: none; /* hidden by default */

  position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }
/* Modal box */

.modal-content {
background: #fff; margin: 10% auto; padding: 20px; width: 550px; max-width: 90%; border-radius: 10px; text-align: justify; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.3); animation: fadeIn 0.5s; }
.modal-content h2 {
margin-top: 0; color:#ff7300; }
.modal-content p {
font-size: 14px; color:#040e1d; margin: 15px 0; }
/* Buttons */

#acceptDisclaimer, .submitC {
background: #040e1d; color: #fff; border: none; padding: 10px 20px; margin-top: 10px; cursor: pointer; border-radius: 5px; display: block; margin: auto; }
#acceptDisclaimer:hover,  .submitC:hover {
background: #ff7300; }
/* Close button */

.close-btn {
position: absolute; color:#040e1d; top: 10px; right: 15px; font-size: 22px; font-weight: bold; cursor: pointer; }

@keyframes fadeIn {
from {opacity: 0; transform: translateY(-20px); }
to {opacity: 1; transform: translateY(0); }
}
.spec .partner-name {color:#040e1d; }
.marquee-container-Flag,

.marquee-container,

.conferences-marquee-container {
width: 100%; overflow: hidden; white-space: nowrap; position: relative; }
/* General content area */

.marquee-content-Flag,

.marquee-content,

.event-marquee-content {
/* display: inline-flex; */

  align-items: center; gap: 20px; will-change: transform; }
iframe html body .gm-style .review-box {display:none !important; }
.main-content-inner.ctnPage {display:flex; }
.main-content-inner.ctnPage .bx1 h2, .main-content-inner.ctnPage .bx2 h2{
text-align:left; }
.main-content-inner.ctnPage .bx1 h3, .main-content-inner.ctnPage .bx2 h3{
text-align:left; color:#040e1d; }
.main-content-inner.ctnPage .bx2 p{
padding-bottom: 15px;margin-top: -16px; }
.main-content-inner.ctnPage .bx1 {width:310px; float:left; }
.main-content-inner.ctnPage .bx2 {border-left: 1px solid #ccc; padding: 0px 20px; padding-left:15px; width:415px; float:left; }
.main-content-inner.ctnPage .bx2 {border-left: 1px solid #ccc; padding: 0px 20px; padding-left:15px; width:415px; float:left; }
.countryBx {display:flex; }
.flagBx {text-align:center; color: #0e2b67; font-size: 14px; font-weight:bold; line-height: 35px; }
.flagBx img{
height:200px; }
.countryDetails {
}
/* Services box style *

.services-box {
position: fixed; top: 50%; left: -250px; /* hidden by default *

    transform: translateY(-50%); width: 250px; background: #f1f1f1; padding: 20px; border-radius: 0 5px 5px 0; box-shadow: 2px 2px 10px rgba(0,0,0,0.2); z-index: 999; transition: left 0.3s; }
/* Toggle button style *

#services-toggle {
position: fixed; top: 50%; left: 0; transform: translateY(-50%); background: #040e1d; color: #f68e20; padding: 10px 15px; font-weight: bold; cursor: pointer; border-radius: 0 5px 5px 0; z-index: 1000; writing-mode: vertical-rl; /* text vertical on side *

    text-orientation: mixed; }
/* Slide-in active *

.services-box.active {
left: 0; }
/* Hide toggle & box on large screens if needed *

@media (min-width: 992px) {
#services-toggle, .services-box {
display: none; }
}
*/
/*********** Contact Page ****************/

  .form-box { border-left: 1px solid #ccc; padding: 0px 20px;}

    .form {

      max-width: 570px; 

      margin: auto;

    }

	.form p {font-size: 13px; text-align:justify;}

	.form p a {text-decoration:none; color:#333;}

	.form p a:hover {text-decoration:underline;}

	.form .col2 { width: 50%;}

	.form .col1 { width: 100%;  float:left;}

    .form label {

      display: block;

      margin-top: 15px;

      font-weight: bold;font-size: 13px;

    }

    .form input, .form textarea, .form select {

      width: 100%;

      padding: 8px;

      margin-top: 5px;

      box-sizing: border-box;

    }

    .form button {

      margin-top: 20px;

      padding: 10px 15px;

      background-color: #007BFF;

      color: #fff;

      border: none;

      cursor: pointer;

    }

    .form button:hover {

      background-color: #0056b3;

    }
.flex {display:flex; gap:15px;}
/* Full-page transparent black overlay */
#processing-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* Transparent black */
  color: white;
  font-family: Arial, sans-serif;
  font-size: 20px;
  z-index: 9999; /* stays on top */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px; /* prevent text cutoff on small screens */
  display:none;
}

/* Optional: animated dots or text glow */
#processing-mask span {
  display: inline-block;
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% { opacity: 0.3; }
  50% { opacity: 1; }
  100% { opacity: 0.3; }
}