/* Header styles */ .header-wrap.sticky-active{height:0px;} body .header-wrap{position: fixed; z-index: 112;} header.header-main-container .menu-box .request-consultation-btn, .fof-page-btns .request-consultation-btn { position: relative; display: inline-block; border-radius: 999px; padding: 2px; cursor: pointer; transition: all 0.3s ease; } header.header-main-container .menu-box .request-consultation-btn:hover a, .fof-page-btns .request-consultation-btn:hover a { background-origin: border-box; background-image: none; background: linear-gradient(105.03deg, #1B60ED -12.64%, #F669DD 136.06%); color: #ffffff; background-origin: border-box; transition: all ease-in-out 0.3s } header.header-main-container .menu-box .request-consultation-btn a, .fof-page-btns .request-consultation-btn a { display: inline-block; white-space: nowrap; text-decoration: none; padding: 12px 25px; background: transparent; color: #0037AF; font-weight: bold; transition: all 0.3s ease; border: 3px solid transparent; border-radius: 100px; background-image: linear-gradient(#fff, #fff), linear-gradient(105.03deg, #1B60ED -12.64%, #F669DD 136.06%); background-origin: border-box; background-clip: padding-box, border-box; } header.header-main-container .menu-box nav .site-main-nav > li.current-menu-item > a, body.home header.header-main-container .menu-box nav .site-main-nav > li:first-child a { color: #0037AF; /* -webkit-text-stroke: medium ; */ font-weight: 700; } header.header-main-container .menu-box nav .site-main-nav > li a:hover{ color: #0037AF;} header.header-main-container .menu-box nav .site-main-nav li a { font-family: Poppins; font-weight: 400; font-size: 18px; line-height: 24px; vertical-align: middle; color: #001237; } header.header-main-container .menu-box nav { gap: 60px; } button.wp-block-navigation__responsive-container-open { position: relative; width: 26px; height: 26px; padding: 0; border: none; background: transparent; cursor: pointer; }/* associated */ button.wp-block-navigation__responsive-container-open svg { display: none !important; }/* associated */ button.wp-block-navigation__responsive-container-open::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('https://comp360services.com/wp-content/uploads/2025/11/comp360-toggle-icon-i.png') no-repeat center center; background-size: contain; }/* associated */ button.wp-block-navigation__responsive-container-open:hover, button.wp-block-navigation__responsive-container-open:focus { background: transparent !important; }/* associated */ /* Fade In Down for sticky */ @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(0px); } 100% { opacity: 1; transform: translateY(20px); } } .header-wrap.sticky-active { position: fixed; } /* animated responsive navigation */ .wp-block-navigation__responsive-container.is-menu-open { animation: overlay-menu__fade-in-animation 0.4s ease-out; animation-fill-mode: forwards; } @keyframes overlay-menu__fade-in-animation { 0% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); } } /* responsive navigation styles */ .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 30px; padding-bottom: 30px; } .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { top: 20px; right: 20px; } .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { cursor: pointer; background-color: #2524af; border-radius: 5px; padding: 5px; } .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close svg { fill: #fff; width: 20px; height: 20px; } .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close { background-color: transparent; } .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog { background-color: #fff; padding-left: 20px; padding-right: 20px; border-radius: 6px; } header.header-main-container .menu-box nav .site-main-nav li.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container { width: max-content; border: none; border: none !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; padding: 17px; border-radius: 10px; } header.header-main-container .menu-box nav .site-main-nav li.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container li a { font-size: 16px; } header.header-main-container .menu-box nav .site-main-nav li.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container { opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s ease; } /* show on hover */ header.header-main-container .menu-box nav .site-main-nav li.wp-block-navigation-submenu:hover ul.wp-block-navigation__submenu-container { opacity: 1; visibility: visible; transform: translateY(0); } .job-form-wrapper .job-form-row p .wpcf7 input.form-input { min-height: 50px; font-size: 16px; box-sizing: border-box; } /* Footer Styles */ footer .subscribe-input-group > p { display: flex; flex-direction: row; flex-wrap: nowrap; border: 2px solid #FFFFFF4D; border-radius: 50px; max-width: 560px; justify-content: space-between; padding: 2px; align-items: center; position: relative; } footer .subscribe-input-group span.wpcf7-form-control-wrap br, footer .subscribe-input-group > p span.wpcf7-spinner { display: none; } footer .subscribe-input-group input[type="email"] { background: transparent; border: none; appearance: none; outline: none; border-radius: 120px; font-family: Poppins; font-weight: 400; font-size: 16px; line-height: 28px; color: #F9FBFF; } footer .subscribe-input-group input[type="email"]:hover, footer .subscribe-input-group input[type="email"]:focus, footer .subscribe-input-group input[type="email"]:active, footer .subscribe-input-group input[type="email"]:-webkit-autofill, footer .subscribe-input-group input[type="email"]:-webkit-autofill:hover, footer .subscribe-input-group input[type="email"]:-webkit-autofill:focus { background: transparent !important; box-shadow: none !important; outline: none !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; -webkit-text-fill-color: inherit !important; } footer .wpcf7 form.invalid .wpcf7-response-output { display: none !important; } footer .subscribe-input::placeholder { background: #FFFFFF4D; font-family: Poppins; font-weight: 400; font-size: 16px; line-height: 28px; } footer .subscribe-input-group input[type="submit"] { background: linear-gradient(105.03deg, #1B60ED -12.64%, #F669DD 136.06%); font-family: Poppins; font-weight: 700; font-style: Bold; font-size: 16px; line-height: 28px; text-align: center; color: #F9FBFF; border-radius: 120px } footer .subscribe-input-group > p span.wpcf7-not-valid-tip { position: absolute; bottom: -31px; font-size: 16px; line-height: 1em; left: 19px; } footer nav.footer-navigation { font-family: Poppins; font-weight: 300 !important; font-size: 16px !important; line-height: 28px; vertical-align: middle; } footer nav.footer-navigation a { color: #ffffff !important; } footer .footer-form-container .wpcf7-response-output { color: #dc3232; margin-top: 0px; border: navajowhite; line-height: 1.2em; } /* social links styles */ footer span.gb-icon { background: #FFFFFF0D; padding: 6px; border-radius: 5px; } footer .social-links {column-gap: 13px !important;} footer .social-links span.gb-headline-text a , .post-footer-container .terms-of-services-links a { text-decoration: none; } footer .subscribe-input-group > p span.wpcf7-not-valid-tip { width: 100%; } /* global elements styles */ body .site-buttons { cursor: pointer; white-space: nowrap; } /* body .site-buttons:hover { background: transparent !important; color: #0037AF; background-image: url(https://blue3.genetechz.com/Comp360-services/wp-content/uploads/2025/11/button-border.png) !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important; } */ body .site-buttons:hover, body .site-buttons:active { padding: 12px 25px; background: transparent; color: #000; border: 3px solid transparent; border-radius: 100px; background-image: linear-gradient(#fff, #fff), linear-gradient(105deg, #1B60ED, #F669DD); background-origin: border-box; background-clip: padding-box, border-box; } footer .subscribe-input-group input[type="email"]::placeholder {background: transparent;} footer .subscribe-input-group input[type="submit"] { border:none !important; } footer .footer-text .hidden-text { display: none; } footer .footer-text .read-more { color: #F669DD; font-weight: 700; cursor: pointer; } footer .copy-right-text, footer .terms-of-services-links a, footer .terms-of-services-links, footer .footer-logo-widget .footer-text .hidden-text{color: #ffffff !important;} footer .read-more { position: relative; } .read-more::after { content: "..."; color: #fff; font-weight: 400; } footer .read-more.active-less::after { display: none; } footer a:hover, footer a span:hover {color: #1B60ED !important; } footer .ft-widget { display: none; opacity: 0; transform: translateY(-8px); } /* footer .ft-widget { display: block; opacity: 0; transform: translateY(-8px); } */ .ft-anim-in { animation: smoothFadeDown 0.35s ease-out forwards; } .ft-anim-out { animation: smoothFadeUp 0.35s ease-in forwards; } footer .footer-widget nav ul li {margin-bottom: 10px;} @keyframes smoothFadeDown { 0% { opacity: 0; transform: translateY(-6px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes smoothFadeUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-6px); } } header.header-main-container .menu-box nav ul.site-main-nav li.has-child.current-menu-ancestor li.current-menu-item span.wp-block-navigation-item__label { -webkit-text-stroke: unset; font-weight: 700 !important; color: #0037AF !important; } /* Responsive styles */ @media ( max-width: 1440px){ header.header-main-container .menu-box nav { gap: 40px; } header.header-main-container .menu-box .request-consultation-btn { border-radius: 100px; font-size: 13px; line-height: 1em; } } @media ( max-width: 1330px){ header.header-main-container .menu-box nav { gap: 25px; } } @media ( max-width: 1280px){ Header .Logo-container img.gb-image { width: 210px; } header.header-main-container .menu-box nav, header.header-main-container .menu-box, header.header-main-container > div { gap: 30px; } footer .footer-logo-widget { width: 40%; } .footer-logo-widget form.wpcf7-form.init p span.wpcf7-form-control-wrap input[type="email"] { width: 100%; display: inline-block; } header.header-main-container .menu-box nav, header.header-main-container .menu-box nav ul.site-main-nav { column-gap: 25px; } /* header.header-main-container .menu-box .request-consultation-btn { padding: 14px 5px; } */ /* header.header-main-container .menu-box nav .site-main-nav li a {font-size: 15px;} */ header.header-main-container .menu-box .request-consultation-btn a {padding: 10px 20px;}/* associated */ header.header-main-container .menu-box nav .site-main-nav li.wp-block-navigation-submenu:hover ul.wp-block-navigation__submenu-container { left: -50px; } } @media ( max-width: 1190px){ header.header-main-container .menu-box nav, header.header-main-container .menu-box, header.header-main-container > div { gap: 20px; } header.header-main-container .menu-box nav ul.site-main-nav { column-gap: 20px; } } @media ( max-width: 1145px){ header.header-main-container .menu-box nav ul.site-main-nav { gap: 15px; } Header .Logo-container img.gb-image { width: 180px;} header.header-main-container .menu-box .request-consultation-btn a, header.header-main-container .menu-box nav .site-main-nav li a { font-size: 15px; } } @media ( max-width: 1024px){ header.header-main-container .menu-box nav, header.header-main-container .menu-box, header.header-main-container > div { gap: 20px; } .wp-block-navigation__responsive-container.is-menu-open { animation: none; } header.header-main-container .menu-box nav .site-main-nav > li.current-menu-item > a, body.home header.header-main-container .menu-box nav .site-main-nav > li:first-child a, header.header-main-container .menu-box nav .site-main-nav > li a:hover, header.header-main-container .menu-box nav ul.site-main-nav li.has-child.current-menu-ancestor li.current-menu-item span.wp-block-navigation-item__label { -webkit-text-stroke: unset; font-weight: 700 !important; color: #0037AF !important; } .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {background-color: transparent ;margin-top: 130px;} .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close { padding: 0px 30px; background-color: #fff; } footer .footer-logo-widget { width: 100%; margin-bottom: 20px; } header.header-main-container .menu-box nav, header.header-main-container .menu-box nav ul.site-main-nav {column-gap: 25px;} header.header-main-container .menu-box nav .site-main-nav li.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container { width: max-content; border: none; padding: 0px; border-radius: 0px; margin-top: 10px; } header.header-main-container .menu-box nav .site-main-nav li.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container { width: max-content; box-shadow: none; padding: 0px; } header.header-main-container .menu-box nav .site-main-nav li.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container li a { font-size: 16px; padding-bottom: 0px; } header.header-main-container .menu-box nav .site-main-nav li.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container { opacity: 1; visibility: visible; transform: translateY(0); } header.header-main-container .menu-box nav ul.site-main-nav {gap: 15px !important;} .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close { background-color: transparent; border-radius: 0px; } .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog { padding: 40px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding: 0px; } /* html.has-modal-open button.wp-block-navigation__responsive-container-open::after { background: url(https://blue3.genetechz.com/Comp360-services/wp-content/uploads/2025/12/cross-close-svgrepo-com.svg); background-size: contain; background-repeat: no-repeat; } */ /* #modal-1 { transition: transform 0.3s ease; transform: translateX(-100%); } #modal-1.slide-menu { transform: translateX(0); } */ .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog { padding: 30px 30px; } Header .Logo-container img.gb-image { width: 200px; } /* header.header-main-container .menu-box .request-consultation-btn { display: none;} */ .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container li{padding-left: 15px !important; margin-bottom: 12px;} .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container li:last-child{margin-bottom: 0 !important;} /* OPEN */ .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { animation: menu-fade-in 0.4s ease-out forwards; } /* CLOSE */ .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container:not(.is-menu-open) { animation: menu-fade-out 0.35s ease-in forwards; } @keyframes menu-fade-in { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } @keyframes menu-fade-out { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-10px); } } header.header-main-container .menu-box nav .site-main-nav li.wp-block-navigation-submenu:hover ul.wp-block-navigation__submenu-container { left: 0px; } header.header-main-container .menu-box .request-consultation-btn { display: none; } /* .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; } */ /* div#modal-1 { opacity: 1 !important; transform: none !important; } */ } /* Hadi Styles */ body .ft-widget-title span.gb-icon { visibility: hidden; } @media ( max-width: 980px){ footer .post-footer-container { flex-direction: column-reverse; } footer .post-footer-container .copy-right-text {font-size: 15px; } } @media ( max-width: 767px){ .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {background-color: transparent ;margin-top: 130px;} .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close { padding: 0px 30px; background-color: transparent; } footer .subscribe-input-group input[type="submit"] { font-size: 0px; background: url(https://blue3.genetechz.com/Comp360-services/wp-content/uploads/2025/11/subscribe-image.png) no-repeat center; background-size: cover; width: 70px; border:none !important; } footer form.wpcf7-form.invalid .subscribe-form-wrapper { margin-bottom: 40px; } footer .footer-form-container .wpcf7-response-output { color: #dc3232; margin-top: 0px; border: navajowhite; line-height: 1.2em; } footer .active .ft-widget { margin-bottom: 10px; } footer .footer-widget nav ul { padding-left: 0px !important;} .fof-page-btns .request-consultation-btn a {padding : 10px 35px;} Header .Logo-container img.gb-image {width: 150px; } /* Hadi Styles */ body nav.services-menu.footer-navigation.ft-widget { margin-bottom: 30px; padding: 0 20px; } body .ft-widget-title span.gb-icon { visibility: visible; } body .ft-widget-title span.gb-icon svg { width: 12px !important; height: 12px !important; } } @media ( max-width: 480px ){ footer .post-footer-container .row-breaker { display: inline-block !important; width: 100%; height: 0px; margin: 0px; visibility: hidden; } footer .post-footer-container div:last-child {flex-wrap: wrap;justify-content: center; row-gap: 5px;} footer .post-footer-container div:last-child p { margin-bottom: 0px; } footer .post-footer-container .copy-right-text { margin: 30px auto 10px auto !important; } header.header-main-container .menu-box nav .site-main-nav li.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container { width: 100%; } .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close { padding: 0px 20px; } } @media ( max-width: 420px ){ .footer-logo-widget p { font-size: 16px; } footer .footer-content-container .ft-widget-title { font-size: 17px; } footer .active .ft-widget { padding-left: 7px; margin-bottom: 10px; font-size: 16px !important; } footer .subscribe-input-group > p span.wpcf7-not-valid-tip { width: 100%; font-size: 14px; bottom: -25px; left: 10px; } } /* Styles to change the default breaking point of navigation 600px to 1024px */ @media (min-width: 1025px) { .wp-block-navigation__responsive-container-open:not(.always-shown) { display: none !important; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: block !important; width: 100%; position: relative; z-index: auto; background-color: inherit; } } /* neutralize the wp default for 600px */ @media (min-width: 600px) { .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; } }