/* pre header styles */ /* body select#lang_choice_1 { background: #2a385f; color: #fff; border: none; padding: 5px; } */ body .preheader .preheader-contacts-container a, .preheader .preheader-contacts-container a span { text-decoration: none !important; } body .preheader-contacts-container a, header .header-buttons-container .header-buttons, .translate-button .gt_switcher .gt_selected a { font-family: Gotham; } body .translate-button .gt_switcher .gt_selected a::after{ background-image: url("https://blue3.genetechz.com/OLP-Finance/wp-content/uploads/2025/09/Polygon-1.svg") !important; } body .translate-button .gt_switcher .gt_selected a, .translate-button .gt_switcher, .translate-button .gt_switcher .gt_option { min-width: 100px; width: max-content; line-height: normal; } body .gt_switcher.notranslate{ width: 110px !important; } li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu:first-child { left: -15px; } li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu { left: -8px; } [lang="ur"] li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu:first-child { right: -15px; } [lang="ur"] li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu { right: -8px; } #lang_switcher_wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('https://blue3.genetechz.com/OLP-Finance/wp-content/uploads/2025/12/dropdown-white.png') no-repeat right center; background-size: 10px; padding-right: 20px; color: #fff; border: none; } [lang="ur"] #lang_switcher_wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('https://blue3.genetechz.com/OLP-Finance/wp-content/uploads/2025/12/dropdown-white.png') no-repeat left center; background-size: 10px; padding-left: 20px; color: #fff; border: none; } #lang_switcher_wrapper select option{ background-color: #2A385F; } body .preheader-contacts-container p{ font-size: 13px !important; line-height: 1em; } /* Search */ body .my-search .wp-block-search__inside-wrapper .wp-block-search__input { position: absolute; min-width: 240px; right: 50px; z-index: 99; top: 0px; width: 100%; padding: 14px 18px; line-height: 23px; border-radius: 50px; box-sizing: border-box; color: #2A385F; outline: none; font-size: 15px; line-height: 23px; transition: border-color 0.3s; height: 43px; border: none; background: #fff; box-shadow: 0px 14px 75px 0px rgba(42, 56, 95, 0.1); border: 1px solid rgb(0 0 0 / 19%); } /* header styles */ body .header-buttons-container .header-buttons { line-height: 100%; } body .header-navigation-container nav .navigation-main-menu li span { font-family: 'Gotham' !important; } body header .header-buttons-container .header-buttons { cursor: pointer; } body header .close-menu, header .open-menu { display : none; } /* body .menu-toggle-container nav.navigation-main-menu ul li.wp-block-navigation-item.has-child.wp-block-navigation-submenu { padding-bottom: 80px; } */ /* body .menu-toggle-container nav.navigation-main-menu ul li.wp-block-navigation-item.has-child.wp-block-navigation-submenu ul{ top:80px; width: 230px; padding: 10px; border-radius: 10px; gap: 0px; box-shadow: 0 24px 94px 0 rgba(42, 56, 95, 0.04); } body .menu-toggle-container nav.navigation-main-menu ul li.wp-block-navigation-item.has-child.wp-block-navigation-submenu ul li{ font-weight: 500; } */ body .menu-toggle-container nav.navigation-main-menu ul li.wp-block-navigation-item.has-child.wp-block-navigation-submenu ul li a { padding: 0px; z-index: 5; } body .menu-toggle-container nav.navigation-main-menu ul li.wp-block-navigation-item.has-child.wp-block-navigation-submenu ul { width: 245px; padding: 15px 12px; top: 45px; background: #ffffff; border-radius: 0 0 10px 10px; z-index: 5; box-shadow: 0 10px 20px rgba(42, 56, 95, 0.2); } body .menu-toggle-container nav.navigation-main-menu ul li.wp-block-navigation-item.has-child.wp-block-navigation-submenu ul li { background: transparent; margin: 0; line-height: 2.1em; } body .menu-toggle-container nav.navigation-main-menu ul li.wp-block-navigation-item.has-child.wp-block-navigation-submenu ul li:hover a { color:var(--red-theme-color); margin: 0; line-height: 2.1em; } /* body .menu-toggle-container nav.navigation-main-menu ul li.wp-block-navigation-item.has-child.wp-block-navigation-submenu ul li:first-child { border-top-left-radius: 10px; border-top-right-radius: 10px; padding-top: 15px;} */ /* body .menu-toggle-container nav.navigation-main-menu ul li.wp-block-navigation-item.has-child.wp-block-navigation-submenu ul li:last-child {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding-bottom: 15px; box-shadow: 0 14px 94px 0 rgba(42, 56, 95, 0.1); } */ body li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu { position: relative; } body button.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle { display: none; position: relative; } body li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu::before { cursor: pointer; content: ""; background: url(https://blue3.genetechz.com/OLP-Finance/wp-content/uploads/2025/10/dropdown.svg); position: absolute; background-repeat: no-repeat; background-size: contain; width: 10px; height: 10px; right: -5px; top: calc(50% + 3px); transform: translate(0%, -50%); } body .menu-toggle-container.active { max-height: 380px; } /* Language Switcher */ body .mobile-lang-float { position: fixed; left: 2px; bottom: 50%; z-index: 9999; display: none; } /* body .mobile-lang-float img { width: 60px; height: 60px; border-radius: 50px; box-shadow: 0 4px 10px rgba(0,0,0,0.3); object-fit: cover; } */ body .mobile-lang-float img { width: 30px; height: 30px; border-radius: 10px; object-fit: contain; margin-top: 7px; } /* Footer css */ body footer .footer-nav ul, footer .product-box .product-menu ul,.accordian-menu ul{ display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-left:20px; flex-wrap: wrap;} body footer .product-box .product-menu ul li, .menu .footer-nav ul li,.accordian-menu ul li{ line-height:39px; display: list-item; list-style: disc;} body footer .phone-number a { text-decoration: none; } body .input-wrapper .input-box input { padding: 14px 24px; border-radius: 25px; border-width: 1px; color: #2A385F; border: none; background: transparent; font-size: 15px;} body footer .email-search .input-wrapper { display: flex; align-items: center; border-radius: 47px; padding: 5px; height: 55px; justify-content: center; border: 1px solid #2A385F80; position: relative; } body footer .email-search .wpcf7-form-control-wrap { position: absolute; top: 0; width: 75%; } body footer .email-search .input-wrapper .input-box { width: 100%;} /* body footer .email-search .input-wrapper .submit-box { } */ [lang="ur"] body footer .email-search .input-wrapper .submit-box{ width: 160px; } body footer .email-search .input-wrapper .submit-box .input{ border-radius: 50px; padding: 7px 24px; display: flex; align-items: center; font-size: 15px; font-weight: 700; } /* [lang="ur"] footer .email-search .input-wrapper .submit-box .input{ border-radius: 50px; padding: 7px 24px; display: flex; align-items: center; font-size: 15px; font-weight: 700; width: max-content; } */ body footer .email-search.urdu .input-wrapper .submit-box .input{ border-radius: 50px; padding: 7px 24px; display: flex; align-items: center; font-size: 15px; font-weight: 700; width: max-content; justify-content: center;} body footer .email-search.urdu p{ width: 0; } body footer .email-search .input-wrapper .submit-box .input-btn { padding: 7px 24px; font-size: 15px; font-weight: 700;} body footer .email-search.urdu .input-wrapper .submit-box .input-btn { padding: 0px; font-size: 15px; font-weight: 700;} body footer .email-search .input-wrapper .submit-box .button-icon{ display:none;} body footer .email-search .input-wrapper .input-box input::placeholder{color:#2A385F;} body .social-links-box span.gb-icon { height: 12px; width: 14px; line-height: 15px; top: -3px; } body .email-search .wpcf7 input:focus, body .email-search .wpcf7 textarea:focus { outline: none !important; box-shadow: none !important; border: none !important; } body .input-wrapper .input-box .wpcf7-not-valid-tip{margin-bottom: -26px; padding-left: 24px;} body footer .email-search .input-wrapper .submit-box .input { padding: 7px 30px; border-radius: 25.5px; } /* RESPONSIVE */ @media (max-width: 1680px){ body header .header-items-container { column-gap: 10px; } header .header-items-container .header-right-items { column-gap: 20px; } body .menu-toggle-container nav ul li a{font-size:14px !important ;} header .header-buttons-container .header-buttons{ font-size:14px; } [lang="ur"] body footer .email-search .input-wrapper .submit-box { width: 165px; } } @media (max-width: 1550px){ header .header-navigation-container nav ul.navigation-main-menu li a { padding: 20px 8px; font-size: 14px; } } @media (max-width: 1480px){ body header .header-items-container { column-gap: 10px; } body header .header-items-container .header-right-items { column-gap: 15px; } header .header-navigation-container nav ul.navigation-main-menu li a { padding: 20px 8px; font-size: 14px; } [lang="ur"] body footer .email-search .input-wrapper .submit-box { width: 170px; } /* body li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu::before{ bottom: 26px; } */ } @media (max-width: 1340px){ body header .header-navigation-container nav ul.navigation-main-menu li a { padding: 20px 5px; } body footer .email-search .input-wrapper .submit-box { right: -22px; } } @media (max-width: 1280px){ /* Footer Responsive Css*/ body footer .email-search .input-wrapper .submit-box { right: -18px; } body .menu-toggle-container nav ul li a { font-size: 14px; } body .menu-toggle-container nav ul.wp-block-navigation__container.has-text-color.has-contrast-color.has-background.has-base-3-background-color.has-text-decoration-none.navigation-main-menu.wp-block-navigation { gap: 15px; } /* body li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu::before{ bottom: 26px; right: -12px; } */ body .header-buttons-container span.header-buttons { min-width: inherit; padding: 12px 10px; font-size: 14px; } body header .header-navigation-container nav ul.navigation-main-menu li a { padding: 20px 5px; font-size: 13px !important; } body li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu::before{ right: -10px; } } @media( max-width:1190px) { body .menu-toggle-container nav ul li a { font-size: 12px; } body header .header-navigation-container nav ul.navigation-main-menu li a{ padding: 10px 5px; } body .header-buttons-container span.header-buttons { padding: 10px 15px; font-size: 12px; } [lang="ur"] body footer .email-search .input-wrapper .submit-box { width: 180px; } } @media( max-width:1100px) { body .header .header-buttons-container .header-buttons, body .header-navigation-container nav .navigation-main-menu li span { font-size: 13px; } } @media (max-width:1024px){ /* .menu-toggle-container { max-height: 0; opacity: 0; overflow: hidden; transition: max-height .4s ease, opacity .25s ease; } */ .menu-toggle-container { max-height: 0; opacity: 0; overflow: hidden; transition: max-height .4s ease ; } .menu-toggle-container.active { opacity: 1; max-height: 1000px; } body li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu{ display: flex; flex-direction: column; align-items: flex-start; } [lang="ur"] body footer .email-search .input-wrapper .submit-box{ width: 230px; } body .preheader span.gb-icon { top: 2px; } /* footer responsive css*/ body footer .email-search .input-wrapper .submit-box { right: -28px; } /* Header responsive css*/ body header .menu-toggle-container { opacity: 0; max-height: 0; overflow: hidden; transition: max-height 0.4s ease, opacity 0.3s ease, transform 0.4s ease; } /* Keep close hidden, open visible */ body header .close-menu { display: none; } body header .open-menu { display: inline-block; } /* Positioning for nav */ body header .header-items-container nav.navigation-main-menu { position: absolute; z-index: +99; width: 100%; left: 0; top: 85px; padding: 30px; border-radius: 10px; box-shadow: 0 4px 10px 0 #0000000a; } body header .header-items-container {position: relative; } body header .header-items-container nav.navigation-main-menu, body header .header-items-container nav.navigation-main-menu > ul { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; } body header .header-items-container nav.navigation-main-menu > ul a.wp-block-navigation-item__content, body header .header-items-container nav.navigation-main-menu > ul a.wp-block-navigation-item__content span { padding: 0px !important; font-size: 16px } /* body .menu-toggle-container nav.navigation-main-menu ul li.wp-block-navigation-item.has-child.wp-block-navigation-submenu ul { padding-top: 0px; } */ body .menu-toggle-container nav.navigation-main-menu ul li.wp-block-navigation-item.has-child.wp-block-navigation-submenu ul { padding: 10px 10px 0px; box-shadow: none; top: 20px; position: static !important; display: none; opacity: 1 !important; visibility: visible !important; height: max-content !important; width: 270px; transition: height 0.3s ease, opacity 0.3s ease;} .has-child:hover > .wp-block-navigation-submenu {opacity: 1 !important; visibility: visible !important; height: max-content !important; } body .menu-toggle-container nav.navigation-main-menu ul li.wp-block-navigation-item.has-child.wp-block-navigation-submenu ul li:last-child {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding-bottom: 0px; box-shadow:none; } body li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu::before{ display: none; } li.wp-block-navigation-item.has-child span.wp-block-navigation-item__label{ position: relative; } .wp-block-navigation-item.has-child > .wp-block-navigation-item__content > .wp-block-navigation-item__label:before{cursor: pointer; content: ""; background: url(https://blue3.genetechz.com/OLP-Finance/wp-content/uploads/2025/10/dropdown.svg); position: absolute; background-repeat: no-repeat; background-size: contain; width: 10px; height: 10px; right: -20px; top: calc(50% + 3px); transform: translate(0%, -50%);} body li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu:first-child { left: 0px; } body li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu { left: 0px; } [lang="ur"] li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu:first-child { right: 0px; } [lang="ur"] li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu { right: 0px; } } @media( max-width:980px){ [lang="ur"] body footer .email-search .input-wrapper .submit-box{ width: 230px; } } @media( max-width:850px){ [lang="ur"] body footer .email-search .input-wrapper .submit-box{ width: 250px; } } @media( max-width:768px){ /* Footer Responsive Css*/ body footer .accordian-menu ul{max-height:200px; } body footer .accordian-menu .product-menu ul li,.accordian-menu .footer-nav ul li{ display:list-item; } body footer .email-search .input-wrapper .submit-box .input .button-icon{ display:block;} body footer .email-search .input-wrapper .submit-box .input .button-icon br{ display:none;} [lang="ur"] body footer .email-search .input-wrapper .submit-box{ width: max-content; } body footer .email-search .input-wrapper .submit-box .input-btn { display:none;} body footer .email-search .input-wrapper .submit-box .input { border-radius: 22.5px; padding: 7px 30px; } body footer .accordian-menu button .gb-icon { margin-bottom: 4px;} } @media( max-width:767px){ body .menu-toggle-container nav.navigation-main-menu ul li{ flex-wrap: wrap; } /* body .menu-toggle-container nav.navigation-main-menu ul li.wp-block-navigation-item.has-child.wp-block-navigation-submenu ul { position: static; padding-top: 0; padding-left: 10px; } */ /* button.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle{display: none;} */ /* button.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle:before{ cursor: pointer; content: ""; background: url(https://blue3.genetechz.com/OLP-Finance/wp-content/uploads/2025/10/dropdown.svg); position: absolute; background-repeat: no-repeat; background-size: contain; width: 10px; height: 10px; right: -1px; bottom: -4px; } */ body .mobile-lang-float { display: none; justify-content: center; align-items: center; width: 50px; height: 40px; border-radius: 0px 10px 10px 0px; box-shadow: 0 4px 10px rgba(0,0,0,0.3); object-fit: contain; background-color: #2A385F; } body li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu::before{display: none; } .Accordion-btn .gb-icon{ top: 0; } body header .header-items-container nav.navigation-main-menu{ top: 65px; box-shadow: 0 4px 10px 0 #0000000a; } body li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu{ display: flex; flex-direction: column; align-items: flex-start; } body footer .footer-nav ul.quick-links-footer-menu{ column-gap: 55px; } [lang="ur"] body footer .email-search .input-wrapper .submit-box { width: 70px; } [lang="ur"] footer .email-search .input-wrapper .submit-box .input .button-icon { display: flex; } /* Hadi Styles */ #lang_switcher_wrapper select { padding: 0 20px 0 8px; } } @media( max-width:560px){ body footer .email-search .input-wrapper .input-box { width: 80%;} body footer .email-search .input-wrapper .input-box input::placeholder{ font-size:14px; } body .product-menu ul.product-footer-menu { display: block; } body .product-menu-container{ min-height: 290px; } } @media( max-width:430px){ body footer .social-box h5, .email-search h5{ font-size:16px;} body footer .email-search .input-wrapper .input-box input::placeholder{ font-size:14px; } body footer .email-search{ padding:0px; } body footer .email-search .input-wrapper .submit-box .input { padding: 7px 28px; } } @media( max-width:414px){ body footer .footer-nav ul.quick-links-footer-menu{ display: block; } body .accordian-quick { min-height: 310px; } } @media( max-width:390px){ body .tax-container-main-container{ flex-direction: column; } } @media( max-width:380px){ body .footer-nav ul.quick-links-footer-menu { display: block; } body h6.copyright-text-urdu{ font-size: 12px; } }