/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 12 2026 | 14:27:25 */
/* =====================================================================
   GIR legacy pages: works together with the "gir-legacy-snippet" (Code Snippets)
   The snippet brings back the OLD design on old pages; this CSS only fixes the
   places where the old design and the new theme collide.
   Paste at the END of: Appearance > Customize > Additional CSS
   (keep the 5 rules already there, do not delete them)
   ===================================================================== */

/* 1. Old pages: start below the floating header
      (beats the existing "#content{padding-top:0!important}" rule above) */
body.page:not(.elementor-page) #content.site-content{padding-top:110px!important}
@media (max-width:1024px){body.page:not(.elementor-page) #content.site-content{padding-top:84px!important}}

/* 2. Blog posts (new theme template): title banner starts below the header */
body.single-post:not(.elementor-page) .pix-main-intro{padding-top:140px!important}
@media (max-width:1024px){body.single-post:not(.elementor-page) .pix-main-intro{padding-top:120px!important}}

/* 3. Old CSS styles ".container" (background image, flex, overflow:auto scrollbar, 5px blue bottom line);
      the new theme wraps every page in one. Reset it and give old pages the same width/gutters as the header */
body.page:not(.elementor-page) #content > .container.container{
  background:none!important;display:block!important;overflow:visible!important;border-bottom:0!important;
  max-width:1700px!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:48px!important;padding-right:48px!important}
@media (max-width:1100px){body.page:not(.elementor-page) #content > .container.container{padding-left:24px!important;padding-right:24px!important}}
@media (max-width:767px){body.page:not(.elementor-page) #content > .container.container{padding-left:16px!important;padding-right:16px!important}}

/* 3b. Old page banner (snippet output): full width, sits under the floating header like the hero */
body.gir-has-banner:not(.elementor-page) #content.site-content{padding-top:0!important}
.gir-banner{
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;
  width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  min-height:360px;padding:120px 24px 40px;box-sizing:border-box;
  background:#162441 center/cover no-repeat}
.gir-banner::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(16,22,47,.82),rgba(16,22,47,.62))}
.gir-banner--plain{background:radial-gradient(60% 80% at 20% 20%,#1439bb 0%,transparent 70%),#162441}
.gir-banner__in{max-width:1100px;text-align:center}
.gir-banner .gir-banner__title{
  margin:0!important;color:#fff!important;font:700 40px/1.2 Montserrat,Arial,sans-serif!important;
  text-transform:uppercase;letter-spacing:.01em;text-wrap:balance}
#content .gir-breadcrumbs{
  max-width:none;margin:0!important;padding:18px 0!important}
#content .gir-breadcrumbs a{color:#0070d6!important;text-decoration:none}
#content .gir-breadcrumbs a:hover{color:#1439bb!important;text-decoration:underline}
@media (max-width:1024px){
  .gir-banner{min-height:280px;padding:100px 20px 32px}
  .gir-banner .gir-banner__title{font-size:30px!important}}
@media (max-width:767px){
  .gir-banner{min-height:230px;padding:92px 16px 28px}
  .gir-banner .gir-banner__title{font-size:24px!important}}

/* 4. Keep the new header's font when old CSS is loaded (old "li, p" rule) */
.gx li,.gx p{font-family:inherit}

/* 5. WPBakery entrance animations: trigger script isn't loaded, blocks stayed invisible */
body:not(.elementor-page) .wpb_animate_when_almost_visible{
  opacity:1!important;animation:none!important;transform:none!important;visibility:visible!important}

/* 7. Old site's Additional CSS (saved per theme, so it was lost when the theme changed).
      Ported from live, content rules only (old header/nav/slider rules dropped), scoped to old pages */
body.gir-has-banner .hide-desktop-show-mobile{display:none}
body.gir-has-banner .service-page-para{font-size:18px;line-height:28px}
body.gir-has-banner .career-app .career-app-btn{margin-left:0!important;left:auto!important;background:transparent}
body.gir-has-banner .gform_wrapper .gform_footer{background:transparent}
body.gir-has-banner .subheading{color:#00b5ef;font-size:1.85em;font-weight:700;margin-bottom:15px;line-height:1.4em}
body.gir-has-banner .success-content,body.gir-has-banner .success-content li{font-size:18px;color:#000;line-height:28px;font-weight:600}
body.gir-has-banner .success-content li{list-style-type:disc}
body.gir-has-banner h2.success-content-heading{margin-bottom:.5em}
body.gir-has-banner #content .success-content-image figure.wpb_wrapper.vc_figure,
body.gir-has-banner #content .success-content-image figure.wpb_wrapper.vc_figure div,
body.gir-has-banner #content .success-content-image figure.wpb_wrapper.vc_figure img{max-width:650px}
body.gir-has-banner .success-content a{color:#00b5ef;text-decoration:underline}
body.gir-has-banner .success-story-info-table .vc_col-xs-6{color:#fff;padding:10px 15px;font-size:16px}
body.gir-has-banner .success-story-info-table strong{font-weight:700}
body.gir-has-banner .success-story-info-table-row{border-bottom:1px solid #fff;float:left;width:100%;background:#464b71}
body.gir-has-banner .success-story-info-table .vc_col-sm-6:first-child{border-right:1px solid #fff}
body.gir-has-banner .success-story-info-table .vc_col-sm-6:last-child{border-left:1px solid #fff;margin-left:-1px}
body.gir-has-banner .wpb_wrapper .h1heading strong.h1heading-strong{line-height:50px}
body.gir-has-banner .book-an-appointment-action-wrap{border:1px solid #f0f0f0;background-color:#f7f7f7;border-radius:5px;padding:30px;width:100%;overflow:hidden}
body.gir-has-banner .book-an-appointment-action-wrap p{font-size:20px;font-weight:700;line-height:35px;margin:0;float:left}
body.gir-has-banner .book-an-appointment-action-wrap a{float:right;font-size:15px;padding:0 30px;line-height:33px;height:35px;background-color:#33475b;color:#fff;border-radius:5px}
body.gir-has-banner .jobs-list > .jobs:first-child{display:flex!important}
#gform_wrapper_34 .gfield_html:first-child{border-bottom:unset;color:black;margin-bottom:0}
#input_34_16_1{height:10px}
@media (min-width:849px){#popmake-13565{top:150px!important}}
body div#ui-datepicker-div[style]{z-index:1!important}
@media (max-width:1242px){
  body.gir-has-banner .book-an-appointment-action-wrap a{float:left}
  body.gir-has-banner .book-an-appointment-action-wrap p{width:100%;margin-bottom:10px}}
@media (max-width:767px){
  body.gir-has-banner .success-story-info-table .vc_col-sm-6:first-child{border-right:0;border-bottom:1px solid #fff}
  body.gir-has-banner .success-story-info-table .vc_col-sm-6:last-child{border-left:0}
  body.gir-has-banner .hide-desktop-show-mobile{display:block}
  body.gir-has-banner .section-boxes .grid-boxes .grid-box-inner .box-type-section .box-main-sec h2{padding-top:50px}
  body.gir-has-banner .section-boxes .grid-boxes .grid-box-inner .box-type-section .box-main-sec .text-top{left:5px;top:8px;font-size:28px}
  body.gir-has-banner .nxtprvbtn .prvbtn .vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern{padding:14px 29px 13px 14px}
  body.gir-has-banner .nxtprvbtn .nxtbtn .vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern{padding:14px 20px 13px 20px}
  body.gir-has-banner .section-boxes .grid-boxes .grid-box-inner .box-type-section ol{padding:0 0 0 20px}
  body.gir-has-banner .service-pg-sec .vc_grid .vc_grid-item a.vc_general:before{height:5px}
  body.gir-has-banner .contact-row .contect-detail-row .contact-info .contect-info2{grid-template-columns:repeat(1,1fr)}
  body.gir-has-banner .contact-row .contect-detail-row .contact-info .contect-info .contact-link{gap:10px;flex-direction:column}
  body.gir-has-banner .career-app .career-app-btn,body.gir-has-banner .career-app .vc_tta-tabs-container,body.gir-has-banner .gform_wrapper .gform_footer{width:auto}
  body.gir-has-banner ul.obejctive-ul li:before{display:none}
  body.gir-has-banner .h1heading{font-size:36px;line-height:normal}
  body.gir-has-banner .h1heading.success-content-heading{font-size:40px;line-height:45px}}

/* 8. Ultimate Addons replacement (snippet output)
      old carousels → card grid: 3 per row desktop, 2 tablet, 1 phone (card content keeps the old design) */
.gir-ucar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0 12px}
.gir-ucar > p:empty,.gir-ucar > br{display:none}
.gir-ucar > .vc_row{
  margin:0!important;width:auto!important;height:100%;box-sizing:border-box;
  background:#fff;border:1px solid #e3e7f0;border-radius:18px;padding:28px 26px;
  box-shadow:0 1px 2px rgba(22,36,65,.04),0 12px 32px -20px rgba(22,36,65,.25);
  transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease,border-color .3s ease}
.gir-ucar > .vc_row:hover{transform:translateY(-5px);border-color:#cfe3ff;
  box-shadow:0 2px 4px rgba(22,36,65,.05),0 28px 50px -26px rgba(3,58,140,.35)}
.gir-ucar .wpb_column,.gir-ucar .vc_column-inner{width:100%!important;float:none!important;padding:0!important}
.gir-ucar .wpb_content_element{margin-bottom:0!important}
@media (max-width:1024px){.gir-ucar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.gir-ucar{grid-template-columns:1fr;gap:16px}.gir-ucar > .vc_row{padding:24px 22px}}

/*    social icons (Contact Us) */
.gir-uicons{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 18px}
.gir-sicon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;
  transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}
.gir-sicon svg{width:20px;height:20px;fill:currentColor}
.gir-sicon:hover{transform:translateY(-3px);box-shadow:0 10px 20px -10px rgba(22,36,65,.7)}
/* ===================================================================== */