.section-title{font-size:calc(var(--a11y-font-scale,1) * 50px);line-height:calc(var(--a11y-font-scale,1) * 50px);color:#333;text-transform:uppercase;padding-bottom:50px;font-family:Josefin Sans,sans-serif;font-weight:700}.section-text{color:#828282;font-family:Hind,Arial,sans-serif;font-size:calc(var(--a11y-font-scale,1) * 18px);line-height:calc(var(--a11y-font-scale,1) * 29px);letter-spacing:1.8px;font-weight:300}.introduction-section{padding:73px 0;position:relative}.intro-image{width:100%;max-width:100%;height:auto}.main-banner-section{color:#fff;justify-content:center;align-items:center;height:71vh;padding:50px 0;display:flex;position:relative}.main-banner-section .container{z-index:2;position:relative}.main-banner-section .section-text{font-size:calc(var(--a11y-font-scale,1) * 30px);color:#fff;line-height:calc(var(--a11y-font-scale,1) * 63px);text-align:center;padding-top:70px;font-family:Josefin Sans,sans-serif;font-weight:400}.main-banner-section .section-title{font-size:calc(var(--a11y-font-scale,1) * 70px);color:#fff;line-height:calc(var(--a11y-font-scale,1) * 28px);text-align:center;padding-top:50px;font-family:Josefin Sans,sans-serif;font-weight:400}.about-us-section{color:#fff;padding:90px 0;position:relative}#bg-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.overlay{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.about-us-section .container{z-index:2;position:relative}.about-us-section .section-title{color:#fff;margin-bottom:20px;font-size:50px;font-weight:700}.about-us-section .section-text{color:#fff;text-align:justify;font-size:18px;line-height:1.6}#particles-js,#mission-particles-js{z-index:-1;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute}.youtube-video-section{color:#fff;padding:100px 0}.video-container{height:600px}.video-container iframe{border:0;width:100%;height:100%}.story-section{padding:50px 0 0}.story-section h2{text-align:center;color:#333;font-family:Hind,Arial,sans-serif;font-size:calc(var(--a11y-font-scale,1) * 50px);line-height:calc(var(--a11y-font-scale,1) * 50px);text-transform:uppercase;padding-bottom:50px;font-weight:700}.story-section h2 span,.h_color_1{color:#888}.panels-container{flex-wrap:wrap;margin-top:30px;display:flex;overflow:hidden}.expanding_panels .panel{color:#6b6b6b;cursor:pointer;border:none;border-radius:0;flex:1;justify-content:center;align-items:center;min-width:300px;height:740px;transition:flex .3s;display:flex;position:relative;overflow:hidden}.story_panels #panel1{background-image:url(https://www.cbdpunjab.gov.pk/wp-content/uploads/2023/11/our_story_img_01.avif);background-repeat:no-repeat;background-size:cover}.story_panels #panel2{background-image:url(https://www.cbdpunjab.gov.pk/wp-content/uploads/2023/11/our_story_img_02.avif);background-repeat:no-repeat;background-size:cover}.story_panels #panel3{background-image:url(https://www.cbdpunjab.gov.pk/wp-content/uploads/2023/11/our_story_img_03.avif);background-repeat:no-repeat;background-size:cover}.story_panels #panel4{background-image:url(https://www.cbdpunjab.gov.pk/wp-content/uploads/2024/01/our_story_img_04_new.avif);background-repeat:no-repeat;background-size:cover}.story_panels #panel5{background-image:url(https://www.cbdpunjab.gov.pk/wp-content/uploads/2023/11/our_story_img_05.avif);background-repeat:no-repeat;background-size:cover}.expanding_panels .overlay{opacity:1;text-align:center;background:#ffffffbf;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;transition:background .3s,opacity .3s;display:flex;position:absolute;inset:0}.expanding_panels .content{color:#6b6b6b;font-family:Hind,Arial,sans-serif;font-size:calc(var(--a11y-font-scale,1) * 20px);line-height:calc(var(--a11y-font-scale,1) * 22.5px);letter-spacing:.8px;text-transform:uppercase;text-align:center;font-weight:400}.expanding_panels .new-content{color:#fff;font-family:Hind,Arial,sans-serif;font-size:calc(var(--a11y-font-scale,1) * 18px);line-height:calc(var(--a11y-font-scale,1) * 24.5px);letter-spacing:1.8px;text-align:center;opacity:0;max-height:0;font-weight:300}.expanding_panels .panel:hover .overlay{opacity:1;text-align:center;background:#000000bf;justify-content:center;align-items:center}.expanding_panels .panel:hover{flex:2}.expanding_panels .panel:hover .content{opacity:1;text-align:center;color:#fff;transform:translateY(-50%)}.expanding_panels .panel:hover .new-content{opacity:1;max-height:100%;transition:opacity 2s,max-height 2s}.core-value-section{padding:100px 0;position:relative}.core-value-section h2{text-align:center;color:#333;font-family:Josefin Sans,sans-serif;font-size:calc(var(--a11y-font-scale,1) * 50px);line-height:calc(var(--a11y-font-scale,1) * 50px);text-transform:uppercase;padding-bottom:50px;font-weight:700}.core-value-section h2 span{color:#888}.core-value-card{text-align:center;margin:10px;padding:20px}.core-value-icon{justify-content:center;align-items:center;height:100px;margin-bottom:20px;font-size:34px;display:flex}.core-value-icon img{object-fit:contain;width:auto;max-width:100%;height:80px}.core-value-card-title h2{color:#000;font-family:Josefin Sans,sans-serif;font-weight:700;font-size:calc(var(--a11y-font-scale,1) * 18px);line-height:calc(var(--a11y-font-scale,1) * 30px)}.core-value-card-description p{color:#828282;font-family:Hind,sans-serif;font-weight:300;font-size:calc(var(--a11y-font-scale,1) * 17px);line-height:calc(var(--a11y-font-scale,1) * 30px)}.mission-section-container{padding:90px 0}.mission-section-titile h2{color:#333;font-family:Josefin Sans,sans-serif;font-size:calc(var(--a11y-font-scale,1) * 50px);line-height:calc(var(--a11y-font-scale,1) * 50px);text-transform:uppercase;padding-bottom:50px;font-weight:700}.mission-section-titile h2 span{color:#888}.mission-section-subTitle h5{font-size:calc(var(--a11y-font-scale,1) * 30px);color:#333;line-height:calc(var(--a11y-font-scale,1) * 30px);text-align:center;font-family:Josefin Sans,sans-serif;font-weight:400}.image-container{margin:10px 0;position:relative;overflow:hidden}.image-container img{width:100%;height:auto;display:block}.overlay-text{color:#000;text-align:center;opacity:1;width:100%;font-size:calc(var(--a11y-font-scale,1) * 1em);padding:10px;font-weight:700;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.image-container:hover .overlay-text{color:#fff;top:45%;left:50%;transform:translate(-50%,-1%)}.image-container:hover:before{content:"";z-index:1;background-color:#00000073;width:92%;height:100%;margin-left:4%;transition:all .5s;position:absolute;top:0;left:0}.image-container:hover .overlay-text{z-index:2}.live-work-play{color:#fff;text-align:center;background-image:url(/assets/images/about-us/live_img.avif);background-position:50%;background-size:cover;height:100vh;padding:0 20px;display:flex;position:relative}.live-work-play:before{content:"";background:#a0a0a00a;position:absolute;inset:0}.live-work-play-content{color:#fff;text-align:center;justify-content:center;align-items:center;width:100%;max-width:1500px;height:100vh;margin:0 auto;padding:0 25px;display:flex;position:relative}.live-work-play-content .live-work-play-left .active{color:#fff;z-index:2;cursor:pointer;font-family:Josefin Sans,sans-serif;font-weight:600;font-size:calc(var(--a11y-font-scale,1) * 140px);line-height:calc(var(--a11y-font-scale,1) * 120px);text-transform:uppercase;padding:10px;position:relative}.live-work-play-content .live-work-play-left .item{cursor:pointer;color:#ffffff70;font-family:Josefin Sans,sans-serif;font-size:calc(var(--a11y-font-scale,1) * 140px);line-height:calc(var(--a11y-font-scale,1) * 120px);text-transform:uppercase;z-index:3;padding:10px;font-weight:300;position:relative}.live-work-play-content .live-work-play-left{text-align:start;width:40%}.live-work-play-content .live-work-play-right{text-align:start;width:60%}.live-work-play-content .live-work-play-right p{color:#fff;font-family:Hind,Arial,sans-serif;font-size:calc(var(--a11y-font-scale,1) * 18px);line-height:calc(var(--a11y-font-scale,1) * 24.5px);letter-spacing:1.8px;text-align:justify;font-weight:300}.fade-up{opacity:0;transition:opacity .8s ease-in,transform .8s ease-in;transform:translateY(100px)}.fade-up-cbd{opacity:0;transition:opacity .2s ease-out,transform .2s ease-out;transform:translateY(20px)}.fade-up.visible,.fade-up-cbd.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.section-title{font-size:28px}.section-text{font-size:16px}.live-work-play-content{flex-direction:column}.live-work-play-content .live-work-play-left,.live-work-play-content .live-work-play-right{width:100%}.live-work-play-content .live-work-play-left .active,.live-work-play-content .live-work-play-left .item{font-size:60px;line-height:50px}}.owl-carousel .owl-dots .owl-dot{background:#d6d6d6;border-radius:50%;width:10px;height:10px;margin:5px;display:inline-block}.owl-carousel .owl-dots .owl-dot.active{background:#686161}.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{color:#fff;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:30px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.owl-carousel .owl-nav button.owl-prev{left:-20px}.owl-carousel .owl-nav button.owl-next{right:-20px}.owl-carousel .owl-nav button.owl-prev:hover,.owl-carousel .owl-nav button.owl-next:hover{background:#000c}