/* Red Color Typo */
body { height: max-content;}
html { scroll-behavior: smooth; }
:root { --gradient-position: 50%; }
/* button{ height: 43px; display: flex; justify-content: center; align-items: center; } */
/* body span.red-color{ font-weight: 700; color:var(--red-theme-color); } */
figure{ width: 100%; height: 100%; }
body { overflow-x: hidden !important; }
body .ribbon-container .slider-text svg, footer .social-icons .social-icon-text .gb-icon svg, .contact-text .gb-icon svg{cursor:pointer;}
body .footer-contact-box span.gb-icon { top: 5px; position: relative; }
.preheader.urdu span.gb-icon, .social-links-box span.gb-icon, .post-readmore span.gb-icon { top: 0px; position: relative; }
h3.slider-text span.gb-icon{ top: 0px; }
body .blue-heading{background: -webkit-linear-gradient( 348deg, rgb(42, 56, 95) 0%, rgb(42, 56, 95) 28%,      /* dark section thoda chhota kiya */ rgba(213, 17, 48, 0.7) 30%, /* pink start */ rgba(213, 17, 48, 0.7) 31%, /* pink end thoda closer */ rgb(42, 56, 95) 34%,     /* dark section phir se start */ rgb(42, 56, 95) 44%, rgba(213, 17, 48, 0.7) 46%, rgba(213, 17, 48, 0.7) 47%, rgb(42, 56, 95) 49%, rgb(42, 56, 95) 63%, rgba(213, 17, 48, 0.7) 66%, rgba(213, 17, 48, 0.7) 67%, rgb(42, 56, 95) 70% ); 
    /* background: -webkit-linear-gradient( 348deg, rgb(42, 56, 95) 0%, rgb(42, 56, 95) 28.66%, rgba(213, 17, 48, 0.7) 32.66%, rgb(42, 56, 95) 33%, rgb(42, 56, 95) 37%, rgb(42, 56, 95) 45%, rgba(213, 17, 48, 0.7) 47.5%, rgba(213, 17, 48, 0.7) 48%, rgb(42, 56, 95) 50.5%, rgb(42, 56, 95) 64%, rgba(213, 17, 48, 0.7) 69%, rgb(42, 56, 95) 70% ); */
background-attachment: fixed;
display: block;
color: rgba(42, 56, 95, 1) !important;
background-repeat: no-repeat;
background-size: 200% 100%;
background-position: var(--gradient-position) 50%, 50% 50%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
position: relative;
z-index: 5;
transform: translateZ(0)
}
/* @supports (-webkit-touch-callout: none) {
body .blue-heading { background-attachment: scroll !important; }
body .white-heading { background-attachment: scroll !important;}
} */
body .white-heading{
background: -webkit-linear-gradient(348deg, #FFFFFF 0%, #FFFFFF 28.66%, rgba(213, 17, 48, 0.7) 32.66%, #FFFFFF 33%, #FFFFFF 37%, #FFFFFF 45%, rgba(213, 17, 48, 0.7) 47.5%, rgba(213, 17, 48, 0.7) 48%, #FFFFFF 50.5%, #FFFFFF 64%, rgba(213, 17, 48, 0.7) 69%, #FFFFFF 70%);
background-attachment: fixed;
display: block;
color: #fff !important;
background-repeat: no-repeat;
background-size: 200% 100%;
background-position: var(--gradient-position) 50%, 50% 50%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
position: relative;
z-index: 5;
transform: translateZ(0)
}


/* Home Slider */
body .slick-dotted.slick-slider{margin-bottom:0px}
body .supporting-text-container p { font-size: 15px !important; }
span.gb-button-text { line-height: normal; }
body .ribbon-container .slick-slide{ display: flex; justify-content: center; }
body .image-box-slider .slick-slide.slick-active{ width: 25%; float: right !important; display: flex; justify-content: center; }
	
/* Hero Section Slider Css*/
body .Hero-slide-content-container p, .Hero-slide-content-container h2, .Hero-slide-content-container h3 { position: relative;  z-index: 20; }
body .hero-main-landing .slide_background_image { position: absolute; top: 0;  left: 0; z-index: 1; height: 100%;}
body .hero-slider .slide_supporting_image {  position: relative; z-index: 30; } 
body .hero-slider .slide_buttons-containrt a { position: relative;  z-index: 31; }
body .hero-slider .content-Inner-conteiner figure {  text-align: center;  display: flex;  justify-content: center; }
body .hero-slider .slick-slide { user-select: text !important; -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; }
body .hero-slider .Hero-slide-content-container::before {  height: 100%; width: 100%; z-index: 5;  }
body .hero-slider .Hero-slide-content-container { position: static; }
body .hero-slider .slide_buttons-container a { line-height: 100%; }
body .slick-dots li.slick-active button:before{ opacity: 1; }
body .slide_buttons-container { position: absolute; left: 50%; bottom: 120px; transform: translateX(-50%); display: flex; gap: 10px; }


/* Base State */
body .hero-slider .slick-slide .content-animator {  opacity: 0;  transform: translateY(0); transition: none; will-change: opacity, transform; }

/* Direction presets */
body .hero-slider body .hero-slider .slick-slide[data-slick-index="0"] .content-animator,
body .hero-slider .slick-slide[data-slick-index="1"] .content-animator { transform: translateY(-50px); }
body .hero-slider .slick-slide[data-slick-index="2"] .content-animator,
body .hero-slider .slick-slide[data-slick-index="3"] .content-animator { transform: translateY(50px);  }

/* Animate in when active */
body .hero-slider .slick-slide.slick-active .content-animator { opacity: 1;  transform: translateY(0); transition: opacity 900ms cubic-bezier(0.25, 1, 0.5, 1),  transform 900ms cubic-bezier(0.25, 1, 0.5, 1); transition-delay: 150ms; /* start just after background fade */ }

/* Text Selectable */
body .hero-slider .slick-slide { user-select: text; }
body .hero-slider ul.slick-dots {  bottom: 50px; }
body .hero-slider ul.slick-dots li button::before {color: #fff !important; font-size: 15px;}
body .hero-slider ul.slick-dots li {  margin: 0px 5px; }
body .hero-slider ul.slick-dots li.slick-active button::before { font-size: 25px; }

/* Image Box Slider */
body .image-box-slider .slick-slide h3 { color: inherit; display:flex !important; }
/* body .image-box-slider .slick-current h3, body .image-box-slider .slick-active h3 { color:var(--red-theme-color); } */
body .image-box-slider .slick-current h3, body .image-box-slider .slick-active h3:hover { color:var(--red-theme-color); }
body .image-box-slider h3:hover a{ color:var(--red-theme-color); }
body .ribbon-container h3 { font-size: 18px; }
/* body .image-box-slider .slick-list.draggable { overflow: visible; clip-path: inset(-100vw -100vw -100vw 0); width: 580px; } */
body .faq-text-home{
    width: 90% !important;
}

/* Excellence Section */
body .excellence-iage-container figure{height:100%}

/* Testimonials */
body .testimonial-slider h2 a{ color: #fff; }
body .testimonial-slider span.gb-icon svg path { fill: #fff; }
body .testimonial-slider .slick-slide.slick-current.slick-active{ background-color: #fff; border-radius: 10px; box-shadow: 0 24px 94px 0 #0000000A; }
/* body .testimonial-slider .slick-slide{ width: 390px !important; } */
body .testimonial-slider .slick-slide.slick-current.slick-active h2{ color: #2a385f; }
body .testimonial-slider .slick-slide.slick-current.slick-active p{ color: #2a385f; }
body .testimonial-slider .slick-slide.slick-current.slick-active span.gb-icon svg path{ fill:var(--red-theme-color);; }
body .testimonial-slider .slick-next:before{content: ""; background-image: url("https://blue3.genetechz.com/OLP-Finance/wp-content/uploads/2025/09/Arrow-Right.svg"); width: 35px; height: 35px; position: absolute; background-repeat: no-repeat; left: 0px; background-size: contain; } 
/* body .testimonial-slider .slick-next{ position: absolute; left: -70px; top: 270px; } */
body .testimonial-slider .slick-prev:before{content: ""; background-image: url("https://blue3.genetechz.com/OLP-Finance/wp-content/uploads/2025/09/Arrow-left.svg"); width: 35px; height: 35px; position: absolute; background-repeat: no-repeat; left: -5px; background-size: contain; } 
body .testimonial-slider .slick-prev{ position: absolute; left: -140px; bottom: 19px; transform: translate(0px, 0px); top: inherit; }
body .testimonial-slider .slick-next{ position: absolute; left: -80px; bottom: 19px; transform: translate(0px, 0px); top: inherit; }

/* body .gb-grid-wrapper.testimonial-slider.gb-query-loop-wrapper.slick-initialized.slick-slider{ width: 110%; } */
body .testimonial-slider .slick-list.draggable { overflow: visible; clip-path: inset(-100vw -100vw -100vw 0); width: 580px; }
/* [lang="ur"] .testimonial-slider .slick-list.draggable { overflow: visible; clip-path: inset(-100vw -100vw -100vw 0); width: 580px; direction: rtl; } */

/* Product Box */
body .product-section .product-box { transition: all 0.3s ease; }
body .product-section .product-box figure{ overflow: hidden; }
body .product-section .product-box img { transition: all 0.3s ease; }
body .product-section .product-box:hover a { color:var(--red-theme-color); transition: all 0.3s ease; }
body .product-section .product-box:hover img { transform: scale(1.05); transition: all 0.3s ease; }
body .product-section .product-box:hover { background: #fff; box-shadow: 0 24px 94px 0 rgba(0, 0, 0, 0.04); border-radius: 10px; transition: all 0.3s ease; }

/* Service Box */
body .service-box { transition: all 0.3s ease; }
body .service-box:hover img {  filter: brightness(0) invert(1); transition: all 0.3s ease; }
body .service-box:hover h5 {  color:#fff; transition: all 0.3s ease; }
body .service-box:hover p {  color: #fff;  transition: all 0.3s ease; }
body .service-box figure { height: 100%; }

/* Blogs Section */
body h6.latest-blog-tag{ position: absolute; top: 10px; left: 10px; font-size: 12px; line-height: 100%; padding: 6px 12px; background-color: #fff; border-radius: 50px;}

/* Calculator */
body .inner-container .calculator-line{width:20%;}
body label.checkbox-label span.checkbox { top: -2px; position: relative; }


/* Why Choose Olp */
body .why-choose-container figure{ height: 100%; }
body span.counter-number { font-weight: 600; display: inline-block; }
.counter-wrap { display: inline-block; max-width: 6ch; min-width: 4ch; }
body .why-choose-container img{ height:100%; object-fit:cover; }
body .why-choose-container .over-flow-p { overflow-x: overlay; width: 140%;}
/*slider */
body .Image-slider-container .slick-dots li.slick-active button:before {opacity: 1; color: red;}
body .Image-slider-container .slick-dots li button:before {font-size:18px; color:rgba(42, 56, 95, 1); top:-40px; opacity: 1;}
body .Image-slider-container .slick-dots{ bottom: 0; }
body .Image-slider-container .slick-dots li button:before{color: #BFC3CF; text-align:center; }


/* RESPONSIVE */

@media( max-width: 1700px ){
h3, h5, h4{ font-size: 22px !important; }
body .ribbon-container h3 { font-size: 18px !important; }
body p.bigger-paragraph-text{ font-size: 22px !important; }
}

@media( max-width: 1668px ){
body .products-container .product-content-box .product-title { font-size: 22px; }
}
@media( max-width: 1500px ){
body .image-box-slider h3 { font-size: 16px !important; }
}

@media( max-width: 1460px ){
body .why-choose-container { flex-wrap: wrap; }
body .why-choose-container .text-container-why-choose { width: 100%; padding-top: 40px; }
body .why-choose-container .counter-box-container, body .why-choose-container .Image-slider-container  { width: 45%; }
}

@media (max-width:1440px){
body .inner-container .service-box h5{ font-size:22px; }
body .inner-container .post-container h4{	font-size:22px }	
}

@media( max-width: 1380px ){
body h2 p{ font-size: 50px !important; line-height: 1.3em; }
body p{ font-size: 16px !important; }
body p.Investor-paragraph{ font-size: 18px !important; }
body .ribbon-container h3.slider-text { font-size: 18px; }
body p.bigger-paragraph-text{ font-size: 22px !important; }
	
/* Hadi Styles */
	
body .contact-list1 li { font-size: 16px; }

}

@media( max-width: 1368px ){
body .inner-container{ width: 90%; } 
body h1.heading-1{ font-size: 50px; line-height: 1.3em; }
body h2.heading-2{ font-size: 40px; line-height: 1.3em; }
h3, h4, h5{ font-size: 20px !important; }
body .gb-grid-wrapper.testimonial-slider.gb-query-loop-wrapper.slick-initialized.slick-slider{ width: 100%; }
body .service-box { padding: 40px; } 
body .testimonial-slider .slick-list.draggable{ width: 400px; }
[lang="ur"] .testimonial-slider .slick-list.draggable, .urdu .testimonial-slider .slick-list.draggable {  width: 300px; }
body p.bigger-paragraph-text{ font-size: 20px !important; }
body h2 p{ font-size: 50px !important; line-height: 1.26em; }
body .testimonials-slider-temp { padding: 25px;  }
body .testimonial-slider.slick-initialized .slick-slide{ margin-right: 10px; }
body .testimonials-slider-temp h2 { font-size: 20px; }
body .counter-countainer{ padding-bottom: 30px; }
body .counter-countainer-top{ padding-top: 30px; }
body .image-box-slider slick-trck{ display: flex; justify-content: space-between; gap: 20px; }
body .image-box-slider .slick-slide.slick-active { width: 33.33% !important; justify-content: flex-start; }
body .image-box-slider .slick-track { width: 100% !important; }
body h3.product-title{ min-height: 66px; }
}

@media( max-width: 1280px ){
/* body .testimonial-container{ margin-left: 0; width: 450px; } */
/* body .testimonial-slider-container{ width: calc(100% - 450px); } */
 
}

@media( max-width: 1024px ){
body .image-box-slider .slick-current h3, body .image-box-slider .slick-active h3 { color:var(--red-theme-color); }
body .excellence-iage-container figure{height:100%}
body .testimonial-container{width:45%; }
body .testimonial-slider-container{ width: 55%; }
body .image-box-slider .slick-slide.slick-current.slick-active a{ color:var(--red-theme-color); }
/* body .inner-container.ribbon-container{ width: 110%; margin-left: 64px; } */
body .image-box-slider h3 { font-size: 18px; }  
body .testimonials-slider-temp { padding: 40px; }  
body .testimonial-slider .slick-list.draggable { overflow: hidden; clip-path: unset; width: 100%; }
/* [lang="ur"] .testimonial-slider .slick-slide.slick-current.slick-active{ width: auto !important; } */
/* [lang="ur"] .testimonial-slider .slick-list.draggable, .urdu .testimonial-slider .slick-list.draggable {overflow: hidden; clip-path: unset !important;  width: 100%; } */
/* body .image-box-slider .slick-list.draggable { overflow: visible; clip-path: inset(-100vw -100vw -100vw 0); width: 85%; } */
[lang="ur"]  .image-box-slider .slick-list.draggable { overflow: visible; clip-path: inset(-100vw 0 -100vw -100vw); width: 85%; }
[lang="ur"] .image-box-slider .slick-slide.slick-active{ width: auto !important; }
body .image-box-slider .slick-track { width: max-content !important; }
body h3.product-title{ min-height: auto; }
body .testimonial-slider .slick-next:before { width: 35px; height: 35px; }
body .testimonial-slider .slick-prev:before {width: 35px; height: 35px; left: 0px; opacity: 0.4;}
body p{ font-size: 15px !important; }
body p.Investor-paragraph{ font-size: 18px !important; }
body .testimonial-slider .slick-prev, body .testimonial-slider .slick-next{ bottom: 10px; }
body .Image-slider-container .slick-dots li button:before {font-size:16px; top: -20px;}
body .image-box-slider .slick-slide.slick-active { width: auto !important; justify-content: flex-start; }
body .supporting-text-container p { font-size: 15px !important; }
body .ribbon-container .slick-slide{ display: flex; justify-content: flex-start; }
body .counter-countainer{ padding-bottom: 20px; }
body .counter-countainer-top{ padding-top: 20px; }
h3.product-title{ min-height: 66px; line-height: 1.66em; }
body .why-choose-container .over-flow-p { width: 100%; }
body .inner-container .bigger-paragraph-text-product{font-size:15px}

}

@media( max-width: 980px ){
body h2 p{ font-size: 50px !important; }
}

@media( max-width: 768px ){
body .hero-slider .slide_supporting_image {  max-width: 298px; }
body .board-of-commitee-tabs-container button { flex-grow: 0; }
body .Image-slider-container .slick-dots li button:before {top:20px;}
body .why-choose-container .over-flow-p {overflow-x: hidden;width: 100%;}
body .counter-countainer{ padding-bottom: 30px; }
body .counter-countainer-top{ padding-top: 30px; }
/* Calculator */
body .inner-container .calculator-line{width:35%;}  
}

@media( max-width: 767px ){
body .slide_buttons-container { position: absolute; left: 50%; bottom: 15%; transform: translateX(-50%); display: flex; gap: 10px; }
body h1.heading-1{ font-size: 35px;  line-height: 1.1em; }
body h2.heading-2{ font-size: 30px;  line-height: 1.5em; }
h3,h4, h5{ font-size: 20px !important; }
/* body .hero-main-landing { min-height: 540px; } */
body .hero-slider ul.slick-dots { bottom: 25px; }
body .testimonial-slider .slick-prev {position: absolute;left: -60px;bottom: -51px;margin: auto;right: 0;width: 35px;}
/* [lang="ur"] .testimonial-slider .slick-prev {position: absolute; left: 50%; bottom: -51px; transform: translateX(-50%); } */
body .testimonial-slider .slick-next {position: absolute;left: 0;bottom: -51px;right: -60px;margin: auto;width: 35px;}
body .testimonial-container{width:100%; }
body .testimonial-slider-container{ width: 100%; }
[lang="ur"] .testimonial-slider-container{ width: 100%; }
body .service-box {padding: 35px 10px;}
body .ribbon-container .image-box-slider h3.slider-text{ font-size: 16px; line-height: 100%; }    
body p.bigger-paragraph-text{ font-size: 18px !important; }
body .supporting-text-container p { font-size: 14px !important; }
body .Hero-slide-content-container.inner-container h3.slide_subheadline.gb-headline-text { font-size: 16px !important; font-weight: 500; }
body h2 p{ font-size: 35px !important; }
body .testimonial-slider .slick-next:before {height: 14px;left: 15px;position: static;display: block;}
body .testimonial-slider .slick-prev:before {width: 35px;height: 14px;left: 15px;position: static;display: block;}
body .ribbon-container .slick-slide{ display: flex; justify-content: flex-start; }
body .counter-countainer{ padding-bottom: 20px; }
body .counter-countainer-top{ padding-top: 20px; }
body .Image-slider-container .slick-dots li button:before{ font-size: 12px; }
body .why-choose-container .text-container-why-choose { width: 100%; padding-top:0px; }
body .why-choose-container .counter-box-container, body .why-choose-container .Image-slider-container  { width: 100%; }
}


@media( max-width: 667px ){
body h3.product-title { min-height: 60px; }
}

@media( max-width: 480px ){
/* h3, h5{ font-size: 15px !important; } */
body .service-box h5 { min-height: 40px; display: flex ; justify-content: center; align-items: flex-start; }   
html[lang="ur"] .service-box h5 { min-height: auto; display: flex ; justify-content: center; align-items: flex-start; }   html[lang="ur"]
/* body .inner-container.ribbon-container{ width: 120%; margin-left: 25px; } */
body .image-box-slider .slick-list.draggable { width: 85%;} 
[lang="ur"] .image-box-slider .slick-slide.slick-active { width: 200px !important; justify-content: flex-start; }
[lang="ur"] .image-box-slider .slick-list.draggable { width: 75%;} 
h3, h4, h5{ font-size: 18px !important; }
body p{ font-size: 14px !important; }
body h3.product-title { min-height: 54px; }
body p.Investor-paragraph{ font-size: 14px !important; }
/* body .why-choose-container img{ height:220px; object-fit:cover; object-position: center;  } */
}

@media( max-width: 410px ){
body .product-section .product-box h2{ min-height: 50px; }
body .service-box h5 { font-size: 16px; line-height: 1.11; }
body .product-section .product-box h2 a { font-size: 15px; }
h3, h4, h5{ font-size: 15px !important; }
body h2 p { font-size: 30px !important; }
body .supporting-text-container p { font-size: 14px !important; }
body .image-box-slider .slick-list.draggable { width: 90%;} 
}

@media( max-width: 375px ){
body p{ font-size: 14px; line-height: 1.6em; }
body .ribbon-container .image-box-slider h3.slider-text{ font-size: 12px !important; }
}