@media (min-width:1500px){.container{max-width:1440px!important;}}

:root{
  --brandblue:#0d6efd;
  --goldyellow:#ffc107;
  --gray:#64748b;  
  --dblue:#0f172a;
  --navyblue:#07172F;
  --ashblue:#334155;
  --slateblue:#6b7da3; 
  --lwhite:#f8fafc;
  --dblue2:#1e293b;  
  --fontbody: 'Raleway',sans-serif;
  --fontnum:'Poppins', sans-serif;
  --fontcounter:"Roboto", sans-serif;
  --trans: all 0.35s ease;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body{color:var(--ashblue);background:#fff;font-family:var(--fontbody); font-weight:400;}
a{color:inherit;text-decoration:none; transition: var(--trans);}
img { max-width: 100%; height: auto; }
ul { list-style: none; padding: 0; margin: 0; }
h1,h2,h3,h4,h5,h6{text-transform:uppercase;}

/* common text class */
.fluid0{padding:0;}
.boxpadding{padding-bottom:25px;}
.tcocoamilk{color:#111a34;}
.ttext{font-size:16px;color:var(--navyblue);line-height:26px;  text-align:justify;}
.theadingtag{display:inline-block;color:var(--slateblue);font-weight:700;font-size:16px;letter-spacing:2px;text-transform:uppercase;}
.theading{font-weight:400;font-size:clamp(30px, 4vw, 34px);color:var(--dblue);letter-spacing:.5px;line-height:1.2;text-transform:uppercase;}
.tsubheadingtag{display:inline-block;color:var(--slateblue);font-weight:700;font-size:16px;letter-spacing:2px;text-transform:uppercase;}
.tsubheading{font-weight:400;font-size:clamp(30px, 4vw, 34px);color:var(--dblue);letter-spacing:.5px;line-height:1.2;text-transform:uppercase;}
.tsubheading01{font-size:clamp(22px, 3vw, 28px); line-height:clamp(30px, 4vw, 38px);font-weight:600;}
.tnum{font-family: var(--fontnum);font-weight: 300; display: contents;}
.text-accent{color:var(--goldyellow);}
.tsbluetext{color:var(--slateblue);font-size:15px;line-height:1.6;}
.section-tag{display:inline-block;background:rgba(13,110,253,.1);color:var(--brandblue);padding:6px 16px;border-radius:50px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}
/*line separator */
.hrline{color:#b6b6b6 !important;border-width:0.7px;border-style:dashed;opacity:1;margin:0;}
/*animations */
.moveup{opacity:0;transform:translateY(20px);transition:opacity 1.5s ease,transform 1.5s ease;}
.moveup.visible{opacity:1;transform:translateY(0);}

/* Buttons */
.btnviewmore,.btnviewmore01{display:inline-block;position:relative;overflow:hidden;color:var(--navyblue);border:1px solid var(--navyblue);padding:14px 34px;font-size:16px;font-weight:500;text-decoration:none;width:fit-content;z-index:1;transition:0.9s ease;}
/* Background Variations */
.btnviewmore{background:white;}
.btnviewmore01{background:transparent;}
/* Shared Hover Effect */
.btnviewmore::after,.btnviewmore01::after{content:"";position:absolute;left:50%;top:50%;width:140%;height:0;background:var(--navyblue);transform:translate(-50%,-50%) rotate(-25deg);transition:0.9s ease;z-index:-1;}
.btnviewmore:hover::after,.btnviewmore01:hover::after{height:450%;}
.btnviewmore:hover,.btnviewmore01:hover{color:#fff;}

/* grey grid bg section */
.bggridsec{position:relative;overflow:hidden;min-height:760px;background-color:#f7f8fc;background-image:linear-gradient(90deg,rgba(31,58,138,.08) 1px,transparent 1px);background-size:20% 100%;}

/* Navbar */
.main-nav{background:#fff;padding:6px 0;z-index:1030;}
.main-nav .navbar-brand img{display:block;}
.main-nav .nav-link{color:var(--dblue);font-size:16px;letter-spacing:.5px;padding:12px 35px !important;transition:.3s;text-transform:uppercase;font-weight:600;}
.main-nav .nav-link:hover,.main-nav .nav-link.active{color:#111a34;}
.nav-social a{color:var(--dblue);font-size:16px;text-decoration:none;transition:.3s;}
.nav-social a:hover{color:#111a34;}
.dropdown-toggle::after{content:none;}

/* ============ dropdown menu styles ============ */
/* 2-column mega dropdown */
.navbar .dropdown-menu{display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .35s ease, transform .35s ease, visibility .35s ease;border:none;border-radius:0;background:#fff;box-shadow:0 18px 48px rgba(0,0,0,.45);padding:28px 28px;min-width:620px;left:50%;translate:-50% 0;margin-top:0;z-index:9999;}
.navbar .dropdown:hover .dropdown-menu,
.navbar .dropdown.show .dropdown-menu{visibility:visible;opacity:1;pointer-events:all;transform:translateY(0);}
/* two-column grid inside dropdown */
.servdropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
/* each service link row */
.servdropdown-grid a.sdrop-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#111a34;font-size:16px;font-weight:600;letter-spacing:.5px;padding:10px 0;
border-bottom:1px solid rgba(255,255,255,.07);transition:color .25s ease, padding-left .25s ease;}
.servdropdown-grid a.sdrop-link:hover{color:#111a34;padding-left:6px;}
.servdropdown-grid a.sdrop-link .sdrop-dot{width:6px;height:6px;border-radius:50%;background:#111a34;opacity:0;flex-shrink:0;transition:opacity .25s ease;}
.servdropdown-grid a.sdrop-link:hover .sdrop-dot{opacity:1;}
/* divider between columns */
.sdrop-col-left{border-right:1px solid rgba(255,255,255,.08);padding-right:20px;}
.sdrop-col-right{padding-left:4px;}

/* ============ mobile nav ============ */
.mnav{background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.08);z-index:1030;}
.mnav-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 19px;}
.mnav-brand img{height:auto;width:auto;display:block; max-width:200px;}
.mnav-toggler{background:none;border:none;cursor:pointer;padding:6px;display:flex;flex-direction:column;gap:5px;justify-content:center;}
.mnav-toggler span{display:block;width:24px;height:2px;background:#111a34;border-radius:2px;transition:transform .3s ease,opacity .3s ease;}

/* full-screen slide-in panel */
.mnav-panel{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:2100;transform:translateX(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column;padding:0;}
.mnav-panel.mnav-open{transform:translateX(0);}
.mnav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2099;opacity:0;pointer-events:none;transition:opacity .4s ease;}
.mnav-backdrop.mnav-open{opacity:1;pointer-events:all;}

/* panel header */
.mnav-panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #eef0f4;}
.mnav-panel-head .mnav-brand img{height:52px;width:auto;}
.mnav-close{background:none;border:none;font-size:24px;color:#111a34;cursor:pointer;padding:4px 6px;line-height:1;}

/* nav links */
.mnav-links{list-style:none;margin:0;padding:16px 0;flex:1;}
.mnav-links li{border-bottom:1px solid #f0f2f5;}
.mnav-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 22px;font-size:16px;font-weight:600;color:#111a34;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;background:none;border:none;cursor:pointer;text-align:left;}
.mnav-link.mnav-active{color:#111a34;}
.mnav-chevron{font-size:12px;transition:transform .3s ease;margin-left:auto;}

/* sub-menu */
.mnav-sub{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);}
.mnav-sub.mnav-sub-open{max-height:600px;}
.mnav-sub li{border-top:1px solid #f0f2f5;}
.mnav-sub-link{display:block;padding:12px 22px 12px 35px;font-size:14px;color:#4a5568;text-decoration:none;font-weight:500;}
.mnav-sub-link:hover{color:#111a34;background:#f8f9fb;}

/* social icons */
.mnav-social{display:flex;gap:19px;padding:22px 22px 32px;border-top:1px solid #eef0f4;margin-top:auto;}
.mnav-social a{color:var(--slateblue);font-size:19px;text-decoration:none;}
.mnav-social a:hover{color:#111a34;}

/* hero banner carousel - boxed carousel with surrounding space */
.hbanner-wrapper{padding:0px 24px;background:#fff;}
.hbanner-carousel{position:relative;border-radius:6px;overflow:hidden;}
.hbanner-slide{position:relative;width:100%;height:100vh;min-height:480px;max-height:780px;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.hbanner-slide-img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.hbanner-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,23,42,.55),rgba(15,23,42,.45)); z-index: 2;}
.hbanner-content{position:relative;z-index:3;height:100%;display:flex;align-items:center;justify-content:center;}
.hbanner-title{font-size: clamp(26px, 5vw, 80px);font-weight:800;color:#fff !important;line-height:1.05;letter-spacing:0px;text-transform:uppercase;text-shadow:0 4px 30px rgba(0,0,0,.4);}
/* carousel indicators */
.hbanner-carousel .carousel-indicators{margin-bottom:19px;z-index:0;}
.hbanner-carousel .carousel-indicators [data-bs-target]{width:10px;height:10px;border-radius:50%;background:#fff;opacity:.5;border:none;margin:0 6px;transition:.3s;}
.hbanner-carousel .carousel-indicators .active{opacity:1;background:#fff;width:28px;border-radius:6px;}

/* welcome */
.welcome-list li{display:flex;align-items:center;gap:11px;color:var(--navyblue);font-size:17px;padding:6px 0;}
.welcome-list .bullet{display:inline-block;width:10px;height:10px;border-radius:50%;border:1.5px solid #94a3b8;flex-shrink:0;}
/* zigzag image collage */
.welcome-collage{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:75px;gap:14px;position:relative;}
.welcome-img{background-size:cover;background-position:center;border-radius:2px;box-shadow:0 8px 24px -10px rgba(15,23,42,.25);opacity:0;}
.welcome-collage.collage-visible .welcome-img-1{animation:collage-slide-up .9s cubic-bezier(.22,1,.36,1) .1s forwards;}
.welcome-collage.collage-visible .welcome-img-2{animation:collage-slide-down .9s cubic-bezier(.22,1,.36,1) 0s forwards;}
.welcome-collage.collage-visible .welcome-img-3{animation:collage-slide-up .9s cubic-bezier(.22,1,.36,1) .2s forwards;}
.welcome-collage.collage-visible .welcome-img-4{animation:collage-slide-down .9s cubic-bezier(.22,1,.36,1) .15s forwards;}
@keyframes collage-slide-up{from{opacity:0;transform:translateY(60px);}to{opacity:1;transform:translateY(0);}}
@keyframes collage-slide-down{from{opacity:0;transform:translateY(-60px);}to{opacity:1;transform:translateY(0);}}
.welcome-img-1{grid-column:1;grid-row:2 / span 6;}
.welcome-img-2{grid-column:2;grid-row:1 / span 6;}
.welcome-img-3{grid-column:3;grid-row:2 / span 6;}
.welcome-img-4{grid-column:4;grid-row:1 / span 6;}
.welcome-img-bg-1{background-image:url('../img/welcome1.jpg');}
.welcome-img-bg-2{background-image:url('../img/welcome2.jpg');}
.welcome-img-bg-3{background-image:url('../img/welcome3.jpg');}
.welcome-img-bg-4{background-image:url('../img/welcome4.jpg');}

/* services */
.servcont-section{display:flex;align-items:center;min-height:760px;}
.servcontsec-left{flex:0 0 50%;max-width:50%;padding-top:64px;padding-bottom:64px;padding-left:max(24px,calc((100vw - 1440px) / 2 + 8px));padding-right:40px;position:relative;z-index:2;}
.servcontent{position:relative;z-index:2;}
.servcontsec-right{flex:1 1 0%;min-width:0;padding-top:64px;padding-bottom:64px;}
.servimg-stack{display:grid;gap:34px;position:relative;z-index:2;}
.servimg-card{position:relative;display:block;height:158px;overflow:hidden;text-decoration:none;background-size:cover;background-position:center;border-radius:0;isolation:isolate;box-shadow:0 14px 32px -24px rgba(15,23,42,.65);transition:transform .45s ease,box-shadow .45s ease,filter .45s ease;}
.servimg-card::before{content:'';position:absolute;inset:0;background:inherit;background-size:cover;background-position:center;z-index:-2;transition:transform .65s ease,filter .65s ease;}
.servimg-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,22,.72),rgba(5,10,22,.18) 58%,rgba(5,10,22,.36));z-index:-1;transition:background .45s ease;}
.servimg-num{ font-family: "Roboto", sans-serif;position:absolute;top:16px;left:22px;color:#fff;font-size:clamp(16px, 1.6vw, 24px);font-weight:400;line-height:1;}
.tservimg-title{position:absolute;left:22px;bottom:18px;color:#fff;font-size:clamp(20px, 2.2vw, 34px);font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.3px;text-shadow:0 4px 18px rgba(0,0,0,.35);}
.servimg-card:hover{transform:translateX(-14px) scale(1.025);box-shadow:0 28px 55px -28px rgba(15,23,42,.75);filter:saturate(1.1);}
.servimg-card:hover::before{transform:scale(1.12);filter:contrast(1.05);}
.servimg-card:hover .servimg-overlay{background:linear-gradient(90deg,rgba(5,10,22,.82),rgba(13,110,253,.18) 55%,rgba(5,10,22,.22));}

/* marquee */
.marquesec{background:#f7f8fc;overflow:hidden;background-image:linear-gradient(90deg,rgba(31,58,138,.08) 1px,transparent 1px);background-size:20% 100%;}
.marquee{display:flex;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;}
.marquee p{font-size:clamp(34px, 8vw, 120px);font-weight:900;line-height:1;flex-shrink:0;animation:scroll 160s infinite linear;color:rgba(105,122,153,.2);text-transform:uppercase;letter-spacing:1px;-webkit-text-fill-color:rgba(0,0,0,0);-webkit-text-stroke:2px rgba(105,122,153,.22);}
.marquee .tmarqwhite{-webkit-text-fill-color:rgba(105,122,153,.2)!important;color:rgba(105,122,153,.2)!important;-webkit-text-stroke:0;}
@keyframes scroll{to{transform:translateX(-100%);}}
.icon-arrowmarquee{transform:rotate(45deg);-webkit-text-stroke:2px rgba(105,122,153,.22);}

/* works */
.works-wrapsec{position:relative;width:100%;height:700px;overflow:hidden;}
.works-mainwrap{position:absolute;inset:0;width:100%;height:100%;}
.works-imgwrap{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1s cubic-bezier(.4,0,.2,1);}
.works-imgwrap-active{opacity:1;}
.works-imgwrap-img{width:100%;height:100%;object-fit:cover;display:block;}
.works-imgwrap-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,10,22,.82) 0%,rgba(5,10,22,.32) 55%,rgba(5,10,22,.18) 100%);pointer-events:none;}
.works-imgwrap-bar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;}
.works-tab{flex:0 0 auto;width:20%;padding:28px 22px 0 22px;cursor:pointer;position:relative;transition:width .7s cubic-bezier(.4,0,.2,1),background .7s cubic-bezier(.4,0,.2,1);border-right:1px solid rgba(255,255,255,.1);box-sizing:border-box; text-decoration: none;}
.works-tab:first-child{border-left:none;}
.works-tab-active{width:40%;background:rgba(5,10,22,.45);}
.works-tab-inner{display:flex;flex-direction:column;gap:10px;min-height:130px;justify-content:flex-end;padding-bottom:24px;transition:gap .7s cubic-bezier(.4,0,.2,1),padding .7s cubic-bezier(.4,0,.2,1);}
.icon-workstab{color:rgba(255,255,255,.7);display:block;margin-bottom:2px;flex-shrink:0;transition:color .7s cubic-bezier(.4,0,.2,1);}
.works-tab-active .icon-workstab{color:#fff;}
.tworkstabtitle{color:#fff;font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .5s ease;}
.works-tab-desc{max-height:0;overflow:hidden;opacity:0;transition:max-height .65s cubic-bezier(.4,0,.2,1) .3s,opacity .55s ease .35s;}
.works-tab-active .works-tab-desc{max-height:200px;opacity:1;}
.tworkstabtext{color:rgba(255,255,255,.88);font-size:15px;line-height:1.6; padding-bottom:10px;}
.works-tab-rule{display:block;width:36px;height:3px;background:#687c9f;}
.works-tab-line{display:block;height:3px;background:transparent;margin-top:4px;transition:background .7s ease;}
.works-tab-active .works-tab-line{background:#687c9f;}
/*works sec slider mobile and md screen*/
.works-slider{position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.75);border-bottom:1px solid rgba(255,255,255,.75);}
.works-slider-track{display:flex;transition:transform .65s cubic-bezier(.22,1,.36,1);will-change:transform; width:100%;}
.works-slide{flex:0 0 50%;min-width:0;}
.works-card{position:relative;display:block;height:540px;overflow:hidden;text-decoration:none;background:#fff;isolation:isolate;}
.works-card::before{content:"";position:absolute;inset:0;border-right:2px solid rgba(255,255,255,.85); border-bottom:2px solid rgba(255,255,255,.85); z-index:5;pointer-events:none;}
.works-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1),filter .8s cubic-bezier(.22,1,.36,1);z-index:0;}
.works-card:hover .works-img{transform:translateY(-34px) scale(1.02);filter:saturate(1.04) contrast(1.02);}
.works-overlaywrap{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.18) 48%,rgba(0,0,0,.42) 100%);z-index:1;transition:background .8s cubic-bezier(.22,1,.36,1);}
.works-card:hover .works-overlaywrap{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08) 55%,rgba(0,0,0,.16));}
.works-whiteoverlay{position:absolute;left:0;right:0;bottom:-54px;height:35%;background:rgba(255,255,255,.88);z-index:0;transform:translateY(100%);transition:transform .8s cubic-bezier(.22,1,.36,1);}
.works-card:hover .works-whiteoverlay{transform:translateY(0);}
.works-textwrap{position:absolute;left:42px;right:30px;bottom:30px;z-index:3;transition:transform .8s cubic-bezier(.22,1,.36,1);}
.works-card:hover .works-textwrap{transform:translateY(-2px);}
.tworksslidetitle{margin:0;font-size:clamp(28px, 4vw, 32px);line-height:1;font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:.2px;transition:color .55s ease,transform .8s cubic-bezier(.22,1,.36,1);}
.works-card:hover .tworksslidetitle{color:#111a34;}
.works-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(17,37,61,.72);border:none;color:#fff;font-size:45px;line-height:1;width:48px;height:72px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s,opacity .25s;padding:0;}
.works-nav:hover{background:rgba(17,37,61,.95);}
.works-nav-prev{left:0;border-radius:0 4px 4px 0;}
.works-nav-next{right:0;border-radius:4px 0 0 4px;}

/* counter */
.countersec{border-top:1px solid #e9edf2;}
.countvalue{font-family: var(--fontcounter);font-size: clamp(70px, 5vw, 80px);font-weight:800;color:var(--navyblue);line-height:1;}
.countvalue sup{font-family: var(--fontcounter);font-size: clamp(31px, 3vw, 60px);vertical-align:super;top:15px;position:relative;}


/* clients logo slider */
.infinitescroll{display:flex;}
.logoslider{height:fit-content !important;}
.logoslider[data-animated="true"]{overflow:hidden;}
.logoslider[data-animated="true"] .infinitescroll{width:max-content;animation:scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;}
.logoslider[data-speed="fast"]{--_animation-duration:30s;}
.logoslider[data-speed="slow"]{--_animation-duration:70s;}
@keyframes scroll{to{transform:translate(calc(-50% - 8px));}}
.logos-list{margin:0;padding-inline:0;list-style:none;}
.logos-list li{padding:0px 20px;}
.clientlogoimg{opacity:.25;transition:opacity .4s ease,transform .4s ease;}
.clientlogo-focus{position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:100%;pointer-events:none;z-index:2;}

/* cta background section */
.bgctasec{background-image:url('../img/bgcta.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;min-height:430px;display:flex;align-items:center;position:relative;}
.tctahead{font-size: clamp(24px, 5vw, 80px);line-height: clamp(32px, 5.6vw, 90px);font-weight:700;color:#fff;text-transform:uppercase;}
.btn-cta{display:inline-block;padding:12px 30px;border:2px solid #fff;color:#fff;font-weight:600;font-size:15px;text-decoration:none;letter-spacing:1px;transition:all .3s ease;background:transparent;text-transform:uppercase;}
.btn-cta:hover{background:#fff;color:var(--navyblue);}

/* ============ footer section ============ */
.bottom-section{background-image:url('../img/bottombg.jpg');background-repeat:repeat;}
.bottom-inner{position:relative;z-index:1;}
.bottom-logo{height:auto;display:block;}
.bottom-divider{border-color:#dee2e6;opacity:1;margin:0;}
.tbottomhead{font-weight:700;font-size: clamp(16px, 1.4vw, 23px);letter-spacing:1px;color:#13233D;text-transform:uppercase;padding-bottom:18px;}
.tbottomlink{color:var(--slateblue);text-decoration:none;transition:color .3s ease;font-size:17px; line-height: 27px;}
.tbottomlink:hover{color:var(--navyblue);}
.footer-icons-wrap{display:flex;flex-wrap:wrap;gap:30px;align-items:center;}
.footer-social-icon{color:#111;font-size:22px;text-decoration:none;transition:color .3s ease,transform .3s ease;}
.footer-social-icon:hover{color:#111a34;transform:translateY(-2px);}
.tcopyright, .tdesignby{font-family:Roboto,sans-serif;color:var(--navyblue);font-size:12px!important;line-height:17px;}

/* ============ inner pages starts============ */
/* inner banner */
.innerbannertop{margin-top:0;width:100%;}
.innerbannertop img{width:100%;display:block;object-fit:cover;max-height:420px;}

/* about page */
.aboutimginner{position:relative;}
.aboutimginner .aboutimg{position:relative;padding-left:80px;z-index:1;}
.aboutimginner .bgaboutimg{position:absolute;bottom:-41px;left:0;width:75%;height:100%;background:url('../img/bgabout.jpg') no-repeat center/cover;z-index:0;}
.tabbox{position:relative;z-index:5;}
.tabvisionmission{display:flex;gap:25px;margin-bottom:25px;}
.tablinks{background:#2c2c2c;border:none;padding:12px 20px;color:#fff;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:.3s;}
.tablinks.active{background:#111a34;color:#fff;}
.tabcontent{display:none;}
.tabcontent.active-tab{display:block;}
.bgoutlinetext{position:absolute;font-size:100px;line-height:1;color:#edeff4;-webkit-text-stroke:1px rgba(255,255,255,.08);font-weight:800;text-transform:uppercase;pointer-events:none;bottom:20px;right:20px;writing-mode: vertical-lr;}

/* services page */
.bgservice{background-color:#f7f8fc; overflow:hidden;}
.servicesbox{border-radius:12px;}

/* our works */
.gallery-card{position:relative;overflow:hidden;perspective:1000px;cursor:pointer;transition:.3s;}
.gallery-card img{width:100%;display:block;object-fit:cover;height:220px;transition:transform .3s ease;}
.gallery-card:hover img{transform:scale(1.06);}

/* ── contact GCC slider ── */
.cntbanner-sec{position:relative;overflow:hidden;width:100%;}
.cntbanner-track{display:flex;transition:transform .75s cubic-bezier(.77,0,.175,1);}
.cntbanner-slide{flex:0 0 100%;position:relative;width:100%;height:clamp(280px, 45vw, 480px);min-height:320px;display:flex;align-items:center;justify-content:center; background-position: center;background-size: cover;background-repeat: no-repeat;}
.cntslide-1{background-image: url("../img/contactbanner01.jpg");}
.cntslide-2{background-image: url("../img/contactbanner02.jpg");}
.cntslide-3{background-image: url("../img/contactbanner03.jpg");}
.cntslide-4{background-image: url("../img/contactbanner04.jpg");}
.cntslide-5{background-image: url("../img/contactbanner05.jpg");}
.cntslide-6{background-image: url("../img/contactbanner06.jpg");}
.cntbanner-overlay{position:absolute;inset:0;background:rgba(0,0,0,.35);}
.cntbanner-content{position:relative;z-index:2;text-align:center;color:#fff;padding:0 20px;}
.cntbanner-country{font-size:clamp(28px, 5vw, 56px);font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:2px;text-shadow:0 4px 20px rgba(0,0,0,.4);margin-bottom:8px;}

/* contact boxes */
.contactbox{background-color:var(--navyblue);text-align:center;height:100%;padding:50px 20px;}
.tcontacthead{ font-size:clamp(18px, 2vw, 22px); line-height:clamp(28px, 3vw, 32px);}
.tcontacttext{font-size:16px;line-height:26px;color:#94a3b8;}
.tcontactlink{text-decoration:none;transition:.3s;}
.tcontactlink:hover{color:#fff !important;}
.icon-contactbox{max-width:64px;}


/******************************** Media Query Starts ********************************/
/*** COL & SM & MD starts ***/
@media only screen and (min-width:320px) and (max-width: 1199px) {
.bggridsec{min-height:auto;}
.servimg-card{height:150px;}
}
@media only screen and (min-width:320px) and (max-width:991px){
.nav-social{display:none !important;}
.bggridsec{background-size:50% 100%;}
.servcont-section{flex-direction:column;min-height:auto;}
.servcontsec-left{flex:none;max-width:100%;width:100%;padding-left:12px;padding-right:12px;padding-bottom:32px;}
.servcontsec-right{flex:none;width:100%;padding-left:12px;padding-right:0;padding-top:0;}
.marquesec{background-size:50% 100%;}
.countvalue{line-height: 2;}
.countvalue sup{top:-10px;}
.aboutimginner .aboutimg{padding-left:0px;}	
.gallery-card img{height:160px;}	
}
/*** COL & SM & MD ends ***/
@media (max-width: 375px){
.hbanner-wrapper{padding:0 8px;}
}
@media (max-width:575px){
.works-slide{flex:0 0 100%;}
}
/*** COL & SM starts ***/
@media only screen and (min-width:320px) and (max-width:767px){
.contactbox{padding:35px 20px;}	
.bottom-logo{max-width:220px;}
}
/*** COL & SM ends ***/
@media (max-width: 576px) {
.hbanner-wrapper{padding:0 12px;}	
}

/*** SM & MD ends ***/

@media only screen and (min-width:320px) and (max-width:575px){
.works-textwrap{left:22px;right:18px;bottom:24px;}
/*.works-slide{flex:0 0 100%;}*/
.servimg-stack{gap:16px;}
.innerbannertop img{max-height:200px;}
.bottom-section{background-size:100px 100px;}
.footer-icons-wrap{gap:20px;}
.footer-social-icon{font-size:16px;}
}

@media only screen and (min-width:576px) and (max-width:767px){
.innerbannertop img{max-height:240px;}
}

/*** MD starts ***/
@media only screen and (min-width:768px) and (max-width:991px){
.innerbannertop img{max-height:300px;}	
}

/*** LG starts ***/
@media only screen and (min-width:992px) and (max-width:1199px){
.navbar .dropdown-menu{left: 80%;}
.main-nav .nav-link{font-size: 14px; padding: 12px 10px !important;}
.main-nav .navbar-brand img{max-width:200px;}
.servcontsec-left{flex:0 0 45%;max-width:45%;} 
.bggridsec{min-height:auto;background-size:50% 100%;}
.footer-icons-wrap{gap:10px;}
}

/*** XL starts ***/
@media only screen and (min-width:1200px) and (max-width:1399px){
.footer-icons-wrap{gap:20px;}
}
@media only screen and (min-width:1200px) and (max-width:1299px){
.main-nav .nav-link{padding:12px 15px !important;}
}
@media only screen and (min-width:1300px) and (max-width:1399px){
.main-nav .nav-link{padding:12px 26px !important; }
}
@media only screen and (min-width:1400px) and (max-width:1499px){
.bgoutlinetext{right:0px;}
}
@media (min-width: 2000px) {
.hbanner-title{font-size:112px;}
.countvalue{font-size:88px;}
.tctahead{font-size:100px;line-height:110px;}
}