/*
Theme Name: 		Betheme Child
Theme URI: 			http://themes.muffingroup.com/betheme
Author: 			Muffin group
Author URI: 		http://muffingroup.com
Description:		Child Theme for Betheme - Premium WordPress Theme
Template:			betheme
Previous Version:	1.6.3
Current Version: 	1.6.4
Website:			cccl
Last Updated On: 	07-Dec-2021
Current Update On:	14-Dec-2021
Updated By:			AliB
*/

/* Theme customization starts here
-------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,500,600&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap);
@font-face {
    font-family: nafessweb;
    src: url(https://gfg.com.pk/cccl/wp-content/themes/betheme-child/fonts/Nafees_Web_Naskh.ttf)
}

body {
    font-family: 'Open Sans', sans-serif!important
}

a,
p,
span {
    font-family: 'Open Sans', sans-serif!important
}

p {
    color: #000;
    line-height: 29px
}

input,
select,
textarea {
    font-family: 'Open Sans', sans-serif!important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Oswald, sans-serif!important;
    text-transform: uppercase!important
}

.officeH{
	font-family: Oswald, sans-serif!important;
    text-transform: capitalize!important
}

input,
p,
textarea {
    font-weight: 400!important
}

a {
    color: #fff;
    font-weight: 400!important
}

.top_bar {
    width: 100%;
    color: #fff;
    z-index: 1;
    text-align: right
}

.top_bar .lang_sch a {
    color: #fff;
    font-size: 18px
}

.top_bar .lang_sch {
    border-bottom: 1px solid #fff;
    margin-bottom: 0;
    padding-bottom: .5rem!important;
    padding-top: .5rem!important
}

.header-classic #Top_bar {
    background: 0 0;
    position: absolute;
    top: 0;
    margin-top: 0
}

.sticky-tb-color #Top_bar.is-sticky {
    background: #5a5a5a;
    height: 100px!important
}

#Top_bar .logo,
#Top_bar.is-sticky .logo {
    margin: 0 30px 0 0
}

#Top_bar.is-sticky #logo img.logo-sticky {
    max-height: inherit!important
}

.menu-arrow-top #Top_bar.is-sticky .menu>li>a:after {
    left: auto!important;
    right: 0
}

#Header_creative .creative-menu-toggle,
#Header_creative .responsive-menu-toggle,
#Top_bar .responsive-menu-toggle {
    color: #fff
}

#Top_bar .top_bar_right a:not(.action_button) {
    color: #fff!important
}

#Top_bar .search_wrapper {
    background: #5c8a00
}

#Top_bar .menu>li>a,
#Top_bar.is-sticky .menu_wrapper .menu>li>a {
    padding: 5px 0
}

#Top_bar .search_wrapper input[type=text]::placeholder {
    color: #fff
}

#Top_bar .search_wrapper input[type=text]::-webkit-input-placeholder {
    color: #fff
}

#Top_bar .search_wrapper input[type=text]::-moz-placeholder {
    color: #fff
}

#Top_bar .search_wrapper input[type=text]:-ms-input-placeholder {
    color: #fff
}

#Top_bar .search_wrapperinput[type=text]:-moz-placeholder {
    color: #fff
}

#Top_bar .search_wrapper .icon_search {
    color: #fff
}

#Top_bar .search_wrapper input[type=text] {
    border-color: #fff!important
}

#Top_bar .menu>li>a span:not(.description) {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding: 5px 10px;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 300;
    font-style: normal;
    display: block!important;
    transition: all, .5s;
    line-height: 1
}

#Top_bar #menu {
    background-color: #000
}

#Top_bar .menu>li ul {
    background: #5a5a5a;
    border: 1px solid rgba(0, 0, 0, .15)
}

/* ========== Media Queries For MAP ========== */

/* ===== Max Width 390 and Min Width 300 ===== */

@media (max-width: 390px) and (min-width: 300px) {
	.map-left .karachi {
		bottom: 80px !important;
		right: 65% !important;
		position: absolute !important;
	}
	
	.map-left .islamabad {
		top: 75px !important;
		right: 18% !important;
		position: absolute !important;
	}
	
	.map-left .nowshera {
		top: 56px !important;
		right: 26.5% !important;
		position: absolute !important;
	}
	
	.map-left .peshawar {
		top: 66px !important;
		right: 40% !important;
		position: absolute;
	}
	
	.map-left .lahore {
		top: 111px !important;
		right: 28% !important;
		position: absolute;
	}
	
	.toolstip {
		width: 12px !important;
		height: 12px !important;
	}
	
	.nowshera .toolstip {
		width: 12px !important;
		height: 12px !important;
	}
	
	/* ===== Max Width 390 and Min Width 300 ===== */
}


@media only screen and (min-width:1240px) {
    .mm-vertical #Top_bar .top_bar_left {
        display: inline-flex
    }
    .menuo-right #Top_bar .menu_wrapper {
        align-self: center;
        justify-content: end
    }
}

@media only screen and (max-width:767px) {
    #Top_bar {
        background-color: #5a5a5a!important
    }
    #Top_bar .logo {
        text-align: left
    }
    .mobile-sticky #Top_bar.is-sticky #logo,
    .mobile-sticky #Top_bar.is-sticky .custom-logo-link {
        margin: 5px 10px
    }
    .mobile-sticky #Top_bar.is-sticky #logo {
        height: 60px!important
    }
}

@media (min-width:320px) and (max-width:991px) {
    .heading-content {
        font-size: 28px!important;
        line-height: 1!important
    }
    .heading-content span {
        font-size: 28px!important
    }
    .heading-content span i {
        display: none!important
    }
}

.heading-content {
    font-size: 54px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    line-height: 1;
    font-family: 'Open Sans', sans-serif!important;
    text-transform: uppercase
}

.heading-content span {
    font-size: 54px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif!important
}

.heading-content i {
    color: #fff;
    font-size: 20px;
    padding-bottom: 8px
}

#Content {
    padding-top: 0
}

.our-product-section {
    background-position: center top;
    background-repeat: no-repeat;
    padding: 0;
    background-size: cover
}

.our-product-section h3 {
    font-size: 35px;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif!important;
    margin-top: 25px
}

@media (min-width:320px) and (max-width:991px) {
    .our-product-section h3 {
        font-size: 28px
    }
}

.our-product-section .under-line {
    width: 50px;
    background-color: #fff;
    display: block;
    height: 3px;
    margin-bottom: 20px;
    text-align: left
}

.our-product-section .cement {
    background-image: linear-gradient(to bottom, #131314ba, #131314ba), url(imgs/cement.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s ease
}

.our-product-section .cement:hover {
    background-color: #13131435;
    background-image: linear-gradient(to bottom, #13131435, #13131435), url(imgs/cement.jpg)
}

@media (min-width:320px) and (max-width:575px) {
    .our-product-section .cement h4 {
        margin-top: 95px!important
    }
}

.our-product-section .clinker {
    background-image: linear-gradient(to bottom, #131314ba, #131314ba), url(imgs/clinker.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    padding: 29px 98px 25px 0;
    background-size: cover;
    transition: all .5s ease
}

.our-product-section .clinker:hover {
    background-color: #13131435;
    background-image: linear-gradient(to bottom, #13131435, #13131435), url(imgs/clinker.jpg)
}

@media (min-width:320px) and (max-width:575px) {
    .our-product-section .clinker h4 {
        margin-top: 95px!important
    }
}

.our-product-section .clinker h4 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    text-align: left;
    font-family: 'Open Sans', sans-serif!important
}

.our-product-section .cement h4 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    text-align: left;
    font-family: 'Open Sans', sans-serif!important
}

.our-product-section .cement p,
.our-product-section .clinker p {
    font-size: 15px;
    color: #fff;
    text-align: left;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif!important
}

.review-section h3 {
    font-family: Oswald, sans-serif!important;
    font-size: 35px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase
}

.profile-section p {
    font-size: 20px;
    color: #fff!important;
    line-height: 29px;
    margin-bottom: 7px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif!important
}

.corporate-section h2,
.corporate-section h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center
}

.corporate-section h2 {
    font-family: Oswald, sans-serif!important;
    font-size: 35px;
    font-weight: 600;
    padding: 0;
    margin: 0
}

.corporate-section h3 {
    font-family: 'Open Sans', sans-serif!important;
    font-size: 45px;
    font-weight: 300;
    padding-bottom: 15px;
    line-height: 1.2
}

.corporate-section p {
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    text-align: center
}

.corporate-section .corp_btn a.vc_btn3-style-outline {
    font-family: 'Open Sans', sans-serif!important;
    font-size: 13px;
    font-weight: 500;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    margin-top: 35px;
    transition: all, .5s;
    border-radius: 0
}

.corporate-section .corp_btn .vc_btn3-style-outline:hover {
    background-color: #ffffff45;
    transition: all, .5s;
    color: #fff
}

.inv_sec_one .compny_detl h2,
.inv_sec_one .stock_info h2 {
    font-family: 'Open Sans', sans-serif!important;
    font-size: 29px;
    line-height: 1;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
    margin-bottom: 35px
}

.inv_sec_one .stock_info h3 {
    font-family: Oswald, sans-serif!important;
    font-size: 18px;
    line-height: 1;
    color: #000;
    font-weight: 500!important;
    text-transform: uppercase
}

.inv_sec_one .compny_detl h5 {
    font-family: 'Open Sans', sans-serif!important;
    font-size: 18px;
    line-height: 1;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px
}

.inv_sec_one .compny_detl h4 {
    font-family: 'Open Sans', sans-serif!important;
    font-size: 16px;
    color: #000;
    font-weight: 400!important;
    margin-bottom: 10px
}

.inv_sec_one .compny_detl .comp_ico .wpb_wrapper>div {
    margin-bottom: 0
}

.invst_headng h2 {
    font-family: 'Open Sans', sans-serif!important;
    font-size: 29px;
    line-height: 1;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.invst_cntcts .box h4 {
    font-family: 'Open Sans', sans-serif!important;
    font-size: 16px;
    line-height: 1;
    font-weight: 300;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #0e1214
}

.financial_tbs .faq .question .title {
    background: #a3a5a8;
    color: #fff!important;
    font-size: 16px;
    font-weight: 300
}

.financial_tbs .wpb_toggle_content.tbs {
    padding: 10px 20px 0 80px
}

.wpb_wrapper .faq .question .title>.acc-icon-minus,
.wpb_wrapper .faq .question .title>.acc-icon-plus {
    color: #fff!important
}

.financial_tbs .wpb_toggle_content.tbs h5 {
    font-family: 'Open Sans', sans-serif!important;
    font-size: 16px;
    line-height: 1;
    font-weight: 300;
    padding-bottom: 0;
    margin-bottom: 10px;
    color: #0e1214;
    overflow: hidden;
    background: #fbfbfb;
    border: 1px solid #eee
}

.financial_tbs .wpb_toggle_content.tbs .dnl {
    float: right
}

.financial_tbs .custome-tabs ul.vc_tta-tabs-list li.vc_active>a {
    background-color: #717070!important;
    color: #fff!important;
    font-weight: 300!important;
    border: 1px solid #717070!important;
    border-radius: 0!important;
    margin: 0 5px!important
}

.financial_tbs .custome-tabs ul.vc_tta-tabs-list li a {
    background-color: transparent!important;
    font-weight: 300!important
}

.financial_tbs .custome-tabs ul.vc_tta-tabs-list li a::after,
.financial_tbs .custome-tabs ul.vc_tta-tabs-list li a::before {
    display: none!important
}

.gallery .gallery_col .vc_single_image-wrapper {
    margin-bottom: 0
}

#Footer .group_companies {
    margin-top: 15px;
    margin-left: 15px
}

#Footer .all-cherat-logos {
    position: relative;
    display: inline-block
}

#Footer .dropup-content {
    display: none;
    position: absolute;
    background-color: #5a5a5a;
    min-width: 112px;
    border: 1px solid #fff;
    width: 260px;
    bottom: 39px;
    z-index: 1
}

.all-cherat-logos:hover,
.drop-button .active,
.drop-button:active,
.drop-button:hover,
.drop-button:visited,
drop-button:link {
    color: #fff!important
}

#Footer .all-cherat-logos:hover .drop-button {
    background-color: #5a5a5a;
    color: #fff
}

#Footer .dropup-content a {
    color: #fff;
    padding: 5px 22px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    font-weight: 300;
    text-align: left
}

#Footer .dropup-content a:hover {
    background-color: #ffffff4a
}

#Footer .all-cherat-logos:hover .dropup-content {
    display: block
}

#Footer .all-cherat-logos:hover .drop-button {
    background-color: #5a5a5a
}

#sample_slider_slide01 h3 {
    color: #fff
}

#sample_slider h3 {
    color: #fff
}

.forallh4 h4 {
    font-weight: 600!important;
    font-size: 18px!important
}

.forallh4 .forallh5 h5 {
    font-weight: 400!important;
    font-size: 16px!important
}

#Top_bar #logo img {
    padding-right: 30px!important
}

#Top_bar .search_wrapper {
    background: #5c8a0000
}

.profile-section ul li {
    font-size: 20px;
    color: #fff;
    line-height: 25px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif!important
}

.hiddentxt {
    visibility: hidden!important
}

@media (min-width:320px) and (max-width:575px) {
    #Footer .all-cherat-logos {
        margin: 0 auto;
        display: table;
        margin-bottom: 15px
    }
}

#Footer {
    background-color: #5a5a5a
}

#Footer .custm_foot {
    padding: 1rem 0
}

#Footer .custm_foot .head_office h3,
#Footer .custm_foot .registered_office h3,
#Footer .custm_foot_headng .sale_off h4 {
    font-family: Oswald, sans-serif!important;
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    margin: 0;
    border-bottom: .5px solid #ffffff2e;
    margin-bottom: 0;
    padding: 20px 60px
}

#Footer .custm_foot .head_office h3 {
    background: url(imgs/headoffice-icon.png) no-repeat center left
}

#Footer .custm_foot .registered_office h3 {
    background: url(imgs/factory-icon.png) no-repeat center left
}

#Footer .custm_foot_headng .wpb_wrapper>div.sale_off {
    margin-bottom: 0
}

#Footer .custm_foot_headng h4 {
    background: url(imgs/contact-icon.png) no-repeat center left
}

#Footer .widgets_wrapper {
    padding: 0
}

#Footer p {
    font-family: 'Open Sans', sans-serif!important;
    font-size: 17px;
    color: #fff!important;
    font-weight: 300
}

#Footer p a {
    color: #fff
}

#Footer p a:hover {
    text-decoration: none;
    color: #fff
}

#Footer .footer_copy {
    font-family: 'Open Sans', sans-serif!important;
    background-color: #5a5a5a;
    font-size: 15px;
    font-weight: 300
}

#Footer .footer_copy .one .copyright {
    margin-bottom: 5px;
    padding-top: 5px;
    font-weight: 300;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif!important
}

#Footer .footer_copy .one .copyright a {
    color: #ccc
}

#Footer .footer_copy .one .copyright a:hover {
    text-decoration: none
}

#Top_bar .menu>li {
    padding: 0 11px;
    text-align: center
}

.text-logo #logo,
h1,
h2,
h3,
h4 {
    font-family: 'Open Sans', sans-serif!important
}

#sample_slider img {
    margin-bottom: 30px
}

.our-product-section .wpb_wrapper p {
    font-size: 21px!important;
    line-height: 29px!important
}

.dropdown-juama-secp {
    background: #fff!important
}

.dropdown-juama-secp .wpb_text_column.wpb_content_element {
    margin-bottom: 0
}

#Footer .drop-button {
    font-size: 16px;
    color: #5a5a5a;
    border: 1px solid #5a5a5a;
    background-color: transparent;
    padding: 8px 33.5px;
    border-radius: 0;
    outline: 0;
    margin: 20px 0 0
}

.gfgc,
.gfgc a {
    color: #5a5a5a!important;
    /* font-weight: 900!important; */
    margin: 0
}

.gfgc a:hover{
	text-decoration: underline;
}

#sample_slider h3 {
    color: #fff;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 33px
}

#Top_bar #logo,
.header-fixed #Top_bar #logo,
.header-plain #Top_bar #logo,
.header-transparent #Top_bar #logo {
    height: 82px
}

.header-classic #Top_bar .top_bar_right {
    top: 11px
}

img.logo-sticky.scale-with-grid {
    height: 82px
}

.header-classic #Top_bar .top_bar_right {
    top: -65px;
    right: 65px
}

#popup_contact>a.button,
a#back_to_top.button.button_js {
    color: #fff!important;
    background: #717070!important;
    right: 102px
}

.main_banner_all {
    padding: 70px 0
}

.main_banner_all h2.vc_custom_heading {
    margin-top: 8%;
    color: #fff;
    font-size: 33px;
    margin-bottom: 0;
    margin-left: 5px;
    font-weight: 300!important
}

.main_banner_all p {
    margin-top: 0;
    color: #fff!important;
    font-size: 33px;
    margin-left: 5px;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 300!important
}

#Top_bar .menu>li ul li a,
#Top_bar .menu>li ul li a:hover,
#Top_bar .menu>li ul li.hover>a {
    color: #fff!important
}

.menuo-arrows #Top_bar .menu>li.submenu>a>span:not(.description)::after {
    border-top-color: #fff!important;
    opacity: 1!important
}

.imgtxtright-section .vc_column-inner .wpb_wrapper {
    padding-left: 90px!important
}

.imgtxtright-section .vc_column-inner .wpb_text_column.wpb_content_element .wpb_wrapper {
    padding-left: 0!important
}

.vc_btn3-container.rd-button.vc_btn3-inline a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-square.vc_btn3-style-custom {
    background-color: #5f5f5f!important;
    font-size: 18px
}

a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-square.vc_btn3-style-custom {
    background-color: #5f5f5f!important;
    font-size: 18px
}

.customeheadingline {
    margin-top: 0!important
}

.customeheadingline h3 {
    font-family: Oswald, sans-serif!important;
    font-size: 25px!important;
    line-height: 29px!important;
    font-weight: 500!important;
    letter-spacing: 0!important;
    color: #161922!important;
    text-transform: uppercase
}

.customeheadingline .vc_sep_line {
    border-color: #000!important;
    margin-top: 5px!important
}

.hidenshow .wpb_wrapper>div {
    margin-bottom: 0!important
}

.headingtopmargin {
    margin-top: 280px!important
}

h4.vc_custom_heading.galleryvideomargin {
    margin-top: 20px;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 900!important;
    font-size: 21px!important
}

.gfgc,
.gfgc a {
    color: #00a012!important;
	font-size: 15px;
}

.video .wpb_video_widget.wpb_content_element.vc_clearfix.vc_video-aspect-ratio-169.vc_video-el-width-100.vc_video-align-left {
    margin-bottom: 0!important
}

.video .wpb_wrapper .wpb_video_wrapper {
    margin-bottom: 0!important
}

.mobileviewjourney {
    display: none!important
}

.clinkerbg {
    background-image: linear-gradient(to bottom, #131314ba, #131314ba);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s ease
}

.cementbg {
    background-image: linear-gradient(to bottom, #131314ba, #131314ba);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s ease
}

img.secp-img {
    width: 73%
}

.mobileshow {
    display: none
}

.section-two-img-bg {
    background-image: url(https://gfg.com.pk/cccl/wp-content/uploads/2019/10/sec-2-new.jpg)!important
}

.invst_cntcts .box {
    height: 185px!important
}

.cheartemail a {
    color: #5f5f5f
}

#Footer .footer_copy .one .copyright {
    text-align: left
}

.corevalues .wpb_single_image.wpb_content_element.vc_align_left {
    margin-bottom: 0!important
}

.corevalueimage .wpb_wrapper>div {
    margin-bottom: 10px!important
}

.downloadbox .wpb_column.vc_column_container.vc_col-sm-4 {
    background: #fff
}

::selection {
    background-color: #5f5f5f;
    color: #fff
}

input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
    color: #5f5f5f;
    background-color: #fff!important;
    border-color: #5f5f5f
}

label {
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 300
}

a.button_theme,
a.tp-button.button_theme,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    background-color: #5f5f5f;
    color: #fff
}

.bod-txt-urdu {
    text-align: right
}

.floatrightright {
    float: right
}

.directionrtl {
    direction: rtl
}

.cementbgimg {
    background-image: linear-gradient(to bottom, #000000ba, #000000ba), url(https://gfg.com.pk/cccl/wp-content/uploads/2020/02/cement-1.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s ease;
    padding: 60px
}

.clinkerbgimg {
    background-image: linear-gradient(to bottom, #000000ba, #000000ba), url(https://gfg.com.pk/cccl/wp-content/uploads/2020/02/clinker-1.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s ease;
    padding: 60px;
    height:561px;
}

.productcementclinker .cementbgimg:hover {
    background-color: #13131435;
    background-image: linear-gradient(to bottom, #13131435, #13131435), url(https://gfg.com.pk/cccl/wp-content/uploads/2020/02/cement-1.jpg)
}

.productcementclinker .clinkerbgimg:hover {
    background-color: #13131435;
    background-image: linear-gradient(to bottom, #13131435, #13131435), url(https://gfg.com.pk/cccl/wp-content/uploads/2020/02/clinker-1.jpg)
}

.productcementclinker .wpb_column.vc_column_container.vc_col-sm-12 .vc_column-inner {
    padding-top: 0!important
}

.cementbgimg h4.vc_custom_heading,
.clinkerbgimg h4.vc_custom_heading {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #fff;
    text-align: left;
    font-family: Oswald, sans-serif!important
}

.cementbgimg h2,
.clinkerbgimg h2 {
    font-size: 35px;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    font-weight: 300;
    font-family: Oswald, sans-serif!important;
    margin-top: 25px;
    margin-bottom: 60px
}

.cementbgimg p,
.clinkerbgimg p {
    font-size: 18px!important;
    line-height: 29px!important;
    color: #fff!important;
    text-align: left;
    font-family: 'Open Sans', sans-serif!important
}

h2.vc_custom_heading.vissbilityhidden {
    visibility: hidden!important
}

.productcementclinker .vc_row.wpb_row.vc_inner.vc_row-fluid {
    margin-bottom: 0
}

span.vc_icon_element-icon.fa.fa-square {
    font-size: 6px;
    position: relative;
    top: -4px
}

.urdufooter .custm_foot .head_office h3 {
    background: url(imgs/headoffice-icon.png) no-repeat center right!important
}

.urdufooter .custm_foot .registered_office h3 {
    background: url(imgs/factory-icon.png) no-repeat center right!important
}

.urdufooter .custm_foot_headng h4 {
    background: url(imgs/contact-icon.png) no-repeat center right!important
}

.urdufooter {
    text-align: right
}

.copyrighturdu {
    text-align: right!important
}

.dropup-content-urdu {
    display: none;
    position: absolute;
    background-color: #5a5a5a;
    min-width: 100px;
    border: 1px solid #fff;
    width: 242px!important;
    bottom: 39px;
    z-index: 1
}

.dropup-content-urdu a {
    text-align: right!important
}

.header-classic #Top_bar {
    position: relative
}

.urdumenu #Top_bar .menu>li>a span:not(.description) {
    color: #fff;
    font-size: 19px!important
}

.urdumenu .menu_wrapper {
    margin-top: 28px
}

.urdumenu #Top_bar .menu>li {
    padding: 0 15px;
    text-align: center
}

#Content {
    padding-top: 0;
    margin-top: -313px
}

div#Top_bar {
    height: 240px
}

.financial_tbs_urdu .question {
    text-align: right
}

.financial_tbs_urdu .wpb_toggle_content.tbs .dnl {
    float: left
}

.financial_tbs_urdu .wpb_toggle_content.tbs h5 {
    padding-right: 20px
}

.morecontent span {
    display: none
}

.morelink {
    display: block;
    border: 1px solid #000;
    width: 92px;
    padding: 3px 16px;
    margin-top: 10px;
    color: #000
}

.morelink:hover {
    text-decoration: none;
    color: #000
}

.lead {
    font-weight: 400!important;
    font-size: 15px!important;
    color: #000
}

.morecontentu span {
    display: none
}

.morelinku {
    display: block;
    border: 1px solid #000;
    width: 92px;
    padding: 3px 16px;
    margin-top: 10px;
    border-radius: 34px;
    color: #000
}

.morelinku:hover {
    text-decoration: none;
    color: #000
}

.leadu {
    font-weight: 300;
    font-size: 15px!important
}

.toolstip {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #717171;
    background-color: #717171;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    cursor: pointer;
    box-shadow: 0 0 0 #d3d4da
}

.toolstip .toolstiptext {
    visibility: hidden;
    width: 200px;
    background-color: #070c11;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 15px 15px;
    position: absolute;
    z-index: 9999;
    text-align: left;
    left: 50%;
    margin-left: -93px;
    border: 1px solid #d0c8c8
}

.toolstip .toolstiptext h5 {
    font-size: 22px!important;
    color: #fff;
    font-weight: 700!important
}

.parent-pageid-926 .toolstip .toolstiptext h5 {
    font-weight: 700!important
}

.toolstip .toolstiptext h4 {
    font-size: 14px!important;
    color: #fff
}

.toolstip .toolstiptext p {
    font-size: 16px!important;
    color: #fff
}

.toolstip .toolstiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent
}

.toolstip:hover .toolstiptext {
    visibility: visible
}

.map-left {
    background-image: url(https://gfg.com.pk/cccl/wp-content/uploads/2021/11/CCCL_PakMap_Kashmir.png)!important;
    /*background-image: url(https://gfg.com.pk/cccl/wp-content/uploads/2020/02/cement-1.png)!important;*/
    background-repeat: no-repeat, repeat;
    background-position: center;
    background-size: contain;
    height: 553px
}

.map-left .karachi {
    position: absolute;
    /* bottom: 55px; */
    /* right: 54% */
	bottom: 118px !important;
    right: 58% !important;
}

.map-left .peshawar {
    position: absolute;
    /* top: 153px; */
    /* right: 41.5% */
	top: 167px !important;
    right: 47% !important;
}

.map-left .gadoon {
    position: absolute;
    top: 100px;
    right: 38%
}

.map-left .islamabad {
    position: absolute;
    /* top: 172px; */
    /* right: 34% */
	top: 182px !important;
    right: 34% !important;
}

.map-left .mirpurkhas {
    position: absolute;
    top: 470px;
    right: 45.5%
}

.map-left .nowshera {
    position: absolute;
    /*top: 144px;
    right: 36.5%*/
	top: 115px !important;
    right: 39.5% !important;
}

.nowshera .toolstip .toolstiptext {
    border: 1px solid #717070
}

.map-left .lahore {
    position: absolute;
    /* top: 226px; */
    /* right: 34% */
	top: 237px !important;
    right: 41% !important;
}

.maplocation {
    margin-top: 4%;
    margin-left: -3%
}

.gadoon p.cityname {
    font-weight: 700
}

p.cityname {
    margin-bottom: 0;
    color: #fff
}

.nowshera .toolstip {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #eae9e9;
    background-color: #eae9e9;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    cursor: pointer;
    box-shadow: 0 0 0 #eae9e9
}

.ourlocations h2.vc_custom_heading {
    color: #fff!important;
    font-size: 38px
}

.vc_row.wpb_row.vc_row-fluid.ourlocations.vc_custom_1574927298612.vc_row-has-fill {
    padding-bottom: 40px;
    padding-top: 30px;
    overflow: visible
}

.ourlocations {
    overflow: visible!important
}

.urdu2321 {
    padding-right: 70px
}

.menu_wrapper {
    position: relative;
    right: -30px
}

img.secp-img {
    margin-left: 12px
}

.dropdown-juama-secp .vc_col-sm-6 .vc_column-inner {
    padding-right: 0!important
}

#sample_slider h3,
.asdsa,
.display-1.heading-content,
.ourlocations h2.vc_custom_heading,
.sadas,
p.cityname {
    font-family: Oswald, sans-serif!important
}

#Top_bar .menu>li>a span:not(.description) {
    font-family: Oswald!important;
    font-weight: 400!important;
    line-height: 20px;
    letter-spacing: 0;
    font-size: 17px
}

.menuo-arrows #Top_bar .menu>li.submenu>a>span:not(.description):after {
    margin-top: 10px!important
}

.parent-pageid-926 .menuo-arrows #Top_bar .menu>li.submenu>a>span:not(.description):after {
    margin-top: 0!important
}

.urdumenu .menuo-arrows #Top_bar .menu>li.submenu>a>span:not(.description):after {
    margin-right: 70px!important
}

.main_banner_all h2.vc_custom_heading,
.main_banner_all p {
    font-family: Oswald!important;
    font-weight: 500!important;
    margin-bottom: 5px
}

.urdumenu #Top_bar .menu>li>a span:not(.description) {
    padding: 5px 5px!important
}

.parent-pageid-926 p.lead {
    font-size: 17px!important
}

.section-six-img-bg {
    background-image: url(https://gfg.com.pk/cccl/wp-content/uploads/2019/12/2-min-1.png)
}

.section-six-img-bg {
    background-image: url(https://gfg.com.pk/cccl/wp-content/uploads/2019/12/2-min-1.png)
}

.section-ten-img-bg {
    background-image: url(https://gfg.com.pk/cccl/wp-content/uploads/2019/12/4-min-1.png)
}

.section-eleven-img-bg {
    background-image: url(https://gfg.com.pk/cccl/wp-content/uploads/2019/12/3-min-1.png)
}

.section-two-img-bg {
    background-image: url(https://gfg.com.pk/cccl/wp-content/uploads/2019/12/policy-1.png)!important
}

.section-five-img-bg {
    background-image: url(https://gfg.com.pk/cccl/wp-content/uploads/2019/12/policy-2.png)
}

.conflictimgrow {
    background-image: url(https://gfg.com.pk/cccl/wp-content/uploads/2019/12/1-min-1.png)!important
}

.imgtxtright-section,
.lefttxtimg-section {
    padding-top: 10%!important
}

.section-eight-img-bg:hover,
.section-eleven-img-bg:hover,
.section-five-img-bg:hover,
.section-four-img-bg:hover,
.section-nine-img-bg:hover,
.section-one-img-bg:hover,
.section-seven-img-bg:hover,
.section-six-img-bg:hover,
.section-ten-img-bg:hover,
.section-third-img-bg:hover,
.section-twelve-img-bg:hover,
.section-two-img-bg:hover {
    background-color: #a7a9ac!important;
    transition: all ease, .5s;
    color: #fff!important
}

.policyimgbtntxt p,
.vc_custom_1569579931343 p {
    text-align: justify
}

.vp-controls-wrapper {
    display: none!important
}

.column,
.columns {
    margin: 0!important
}

.menuo-arrows #Top_bar .menu>li.submenu>a>span:not(.description) {
    padding-right: 0
}

.main_banner_all p {
    text-transform: uppercase;
    margin-top: 10px
}

.invst_cntcts .box h4 {
    padding: 0 10px
}

.parent-pageid-926 span.lead.moreurdu,
.parent-pageid-926 span.morecontentu span {
    font-weight: 400!important
}

.parent-pageid-926 .column,
.parent-pageid-926 .columns {
    margin: 0 1% 0!important
}

.parent-pageid-926 #Footer .group_companies {
    margin-bottom: 20px
}

.parent-pageid-926 .jama-punji {
    margin-top: 10px
}

.section-thirteen-img-bg {
    background-image: url(https://gfg.com.pk/cccl/wp-content/uploads/2019/09/sec-12.png)!important
}

.diversityploicybgimg {
    background-color: url(https://gfg.com.pk/cccl/wp-content/uploads/2019/12/gallery1.png)!important
}

li.vc_tta-tab.vc_active span.vc_tta-title-text {
    color: #fff!important
}

.karachi .toolstip .toolstiptext,
.mirpurkhas .toolstip .toolstiptext {
    bottom: 150%
}

.section.section-page-footer {
    display: none
}

.toolstip .toolstiptext::after {
    display: none!important
}

.csrcontent p,
.forallh4 p,
.policycontent li,
.policycontent p,
sadsa {
    text-align: justify!important
}

.bod-txt span:first-child {
    font-weight: 500!important;
    font-family: Oswald, sans-serif!important;
    font-size: 25px!important
}

.bod-txt span.lead.more,
.bod-txt span.morecontent,
.bod-txt span.moreellipses {
    font-weight: 400!important
}

.bod-txt .morecontent span {
    font-weight: 400!important;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 18px!important
}

.content_slider.carouselul li a .title,
.content_slider.flat.description ul li .desc,
.content_slider.flat.description ul li a .desc,
.feature_list ul li a,
.flat_box a,
.flat_box a:hover,
.icon_box a .desc,
.icon_box a:hover .desc,
.list_item a,
.list_item a:hover,
.post-nav.minimal a i,
.story_box .desc,
.widget_recent_entries ul li a,
body,
ul.timeline_items {
    color: #000!important
}

.parent-pageid-926 .policycontent li,
.parent-pageid-926 .policycontent p {
    text-align: right!important
}

.urdumenu #Top_bar .menu>li {
    padding: 0 11px;
    text-align: center
}

.wpb_layerslider_element.wpb_content_element.ls-direction-fix.ls-overflow-visible {
    margin-bottom: 0!important
}

#Footer .footer_copy .one .copyright {
    font-size: 16px!important;
    margin-bottom: 20px!important;
    margin-top: -10px!important
}

.copyright {
    font-weight: 400!important;
    font-size: 16px!important
}

.sitemaplisting p {
    display: inline-block;
    color: #000!important
}

.sitemaplisting li {
    color: #000!important
}

.sitemaplinks a,
.sitemaplinks a:hover {
    display: inlin-block;
    color: #000!important
}

.sitemaplinks .wpb_wrapper ul {
    margin-right: 20px!important
}

#Top_bar a#search_button {
    top: 3px!important;
    display: initial!important;
    float: none!important
}

.search_wrapper {
    margin-top: 95px
}

#Top_bar .urdu_search_wrapper .icon_close {
    opacity: 1
}

#Top_bar .search_wrapper .icon_close {
    opacity: 1
}

.search_wrapper.urdu_search_wrapper {
    direction: rtl
}

.urdu_search_wrapper input.field {
    padding-right: 40px!important
}

#Top_bar .search_wrapper input[type=text] {
    background: #a7a9ac!important
}

#Top_bar .search_wrapper input[type=text]:focus {
    background-color: #a7a9ac!important
}

.column.one.search-not-found {
    margin-top: 20%!important
}

.serachposttitle h2 a {
    color: #67939e;
    font-size: 40px!important;
    font-weight: 500!important;
    font-family: Oswald, sans-serif!important;
    text-transform: uppercase!important
}

.serachpagetxt .post-footer {
    width: 150px;
    background: #67939e;
    color: #fff!important
}

.serachpagetxt .post-footer a {
    font-size: 14px!important;
    color: #fff!important
}

.serachpagetxt .post-footer .post-links {
    float: none;
    border: none
}

.headingsnotfount h2 {
    font-size: 40px!important;
    color: #6f6f6f;
    font-weight: 400!important
}

.headingsnotfount h4 {
    font-size: 16px!important;
    line-height: 30px;
    color: #6f6f6f!important;
    font-weight: 400!important
}

.headingsnotfount h3 {
    color: #5a5a5a
}

.post-desc.serachpagetxt {
    direction: rtl
}

.parent-pageid-935 #Top_bar .search_wrapper input[type=text] {
    text-align: right;
    padding-right: 45px!important
}

.serachpagemain {
    margin-top: 7%
}

.tr-header #Header_wrapper {
    background: #5a5a5a!important
}

.parent-pageid-926 #Top_bar .menu_wrapper {
    float: right!important
}

.parent-pageid-935 .urdumenu .menu_wrapper {
    right: -27px
}

.submenu>a>span:not(.description):after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -2px;
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    opacity: 1
}

.englishmenu .menu>li.submenu>a>span:not(.description)::after {
    top: 55px!important;
    left: 30px!important
}

.parent-pageid-926 .urdumenu .menu>li.submenu>a>span:not(.description)::after {
    top: 40px!important;
    right: 85px!important
}
body:not(.template-slider) #Header {
    min-height: 310px;
}
body.search-results:not(.template-slider) #Header {
    min-height: 310px!important
}

#Side_slide #menu ul li a {
    text-transform: uppercase !important;
}
.blog_wrapper.isotope_wrapper {
    margin-top: 28%;
}
.serachposttitle h2 a {
    color: #5a5a5a !important;
	font-size: 24px!important;
}
.serachpagetxt .post-footer {
    background: #5a5a5a !important;
}
body.search-results:not(.template-slider) #Header_wrapper{
    background-color: #5a5a5a !important;
}
/*========== Media Queries ========= */
@media (max-width:1920px) and (min-width:1682px) {
    .our-product-section .clinker {
        padding: 29px 72px 25px 0!important
    }
    .compny_detl h4 {
        font-weight: 400!important;
        font-size: 18px!important
    }
    .corporate-section p {
        font-size: 18px!important
    }
    .corporate-section .corp_btn a.vc_btn3-style-outline {
        font-size: 18px
    }
    p.cityname {
        font-size: 18px
    }
    .map-left .peshawar {
        top: 159px;
        right: 42%
    }
    .map-left .islamabad {
        top: 172px;
        right: 33%
    }
    .map-left .nowshera {
        top: 146px;
        right: 35.5%
    }
    #Footer p {
        font-size: 18px
    }
    #Footer .drop-button {
        font-size: 18px
    }
    #Footer .dropup-content a {
        font-size: 18px
    }
    #Footer .dropup-content {
        width: 100%
    }
    #Footer .footer_copy .one .copyright {
        font-size: 18px
    }
    .inv_sec_one .compny_detl h5 {
        font-size: 18px
    }
    .stock_info .wpb_wrapper p {
        font-size: 18px
    }
    .policyimgbtntxt .wpb_column.vc_column_container.vc_col-sm-6 .wpb_wrapper h4 {
        font-size: 34px;
        line-height: 40px
    }
    .forallh4 p,
    .vc_custom_1569579931343 p {
        font-size: 18px
    }
    .lead,
    p.small-heading {
        font-size: 18px!important
    }
    .bod-txt span {
        font-size: 18px!important;
        color: #000
    }
    .morelink {
        width: 117px
    }
    .customeheadingline,
    .profile-section p,
    dsfds {
        font-size: 18px
    }
    .customeheadingline h3 {
        font-size: 30px!important
    }
    .cementbgimg h2,
    .clinkerbgimg h2 {
        font-size: 40px
    }
    .awards-recognition-section h4,
    .awards-recognition-section p,
    .corevalues p,
    .customeheadingline p,
    .financial_tbs .faq .question .title,
    .invst_cntcts .box h4,
    .news-announcement-section h4,
    .news-announcement-section p,
    .policycontent li,
    .policycontent p,
    dsadsa,
    span.vc_tta-title-text {
        font-size: 18px!important;
        color: #000
    }
    #sample_slider h3,
    .main_banner_all h2.vc_custom_heading,
    .main_banner_all p,
    asdas {
        font-size: 40px
    }
    #Top_bar .menu>li>a span:not(.description) {
        font-size: 17px;
        padding: 5px 0
    }
    #Top_bar .menu li ul li a span {
        font-size: 18px
    }
    .policyimgbtntxt .vc_column-inner {
        padding: 0!important
    }
    .vc_btn3-container.rd-button.vc_btn3-inline a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-square.vc_btn3-style-custom {
        font-size: 18px
    }
    .policycontent P {
        text-align: justify
    }
    .vc_column-inner.vc_custom_1569238826644,
    .vc_row.wpb_row.vc_row-fluid.customeheadingline.vc_custom_1569587057733,
    .vc_row.wpb_row.vc_row-fluid.customeheadingline.vc_custom_1569587064331 {
        padding-left: 0!important
    }
    .awards-recognition-section h4,
    .news-announcement-section h4 {
        font-weight: 600!important
    }
    #Footer .custm_foot .head_office h3,
    #Footer .custm_foot .registered_office h3,
    #Footer .custm_foot_headng .sale_off h4 {
        font-size: 30px
    }
    .parent-pageid-926 .urdumenu #Top_bar .menu>li>a span:not(.description) {
        font-size: 23px!important
    }
    .parent-pageid-926 .main_banner_all h2.vc_custom_heading,
    .parent-pageid-926 .main_banner_all p {
        font-size: 45px!important;
        font-family: nafessweb!important
    }
    .parent-pageid-926 #sample_slider h3,
    .parent-pageid-926 .cementbgimg h4.vc_custom_heading,
    .parent-pageid-926 .clinkerbgimg h4.vc_custom_heading,
    .parent-pageid-926 .corporate-section h3,
    .parent-pageid-926 .customeheadingline h3,
    .parent-pageid-926 .ourlocations h2.vc_custom_heading,
    .parent-pageid-926 .review-section h3,
    .parent-pageid-926 dsad,
    .parent-pageid-926 h1,
    .parent-pageid-926 h2,
    .parent-pageid-926 h3,
    .parent-pageid-926 h4,
    .parent-pageid-926 h5,
    .parent-pageid-926 h6 {
        font-size: 40px!important;
        font-weight: 500!important;
        font-family: nafessweb!important
    }
    .parent-pageid-926 #Footer p,
    .parent-pageid-926 .bod-txt span:first-child,
    .parent-pageid-926 .directionrtl li,
    .parent-pageid-926 .financial_tbs .faq .question .title,
    .parent-pageid-926 .inv_sec_one .compny_detl h4,
    .parent-pageid-926 .inv_sec_one .compny_detl h5,
    .parent-pageid-926 .invst_cntcts .box h4,
    .parent-pageid-926 .profile-section p,
    .parent-pageid-926 a,
    .parent-pageid-926 dsad,
    .parent-pageid-926 h4.vc_custom_heading.galleryvideomargin,
    .parent-pageid-926 p,
    .parent-pageid-926 p.lead,
    .parent-pageid-926 span {
        font-size: 20px!important;
        font-weight: 400!important;
        font-family: nafessweb!important
    }
    .clinkerbgimg h2,
    .parent-pageid-926 .cementbgimg h2 {
        font-size: 45px!important;
        font-weight: 600!important;
        font-family: nafessweb!important
    }
    .parent-pageid-926 #Footer .custm_foot .head_office h3,
    .parent-pageid-926 #Footer .custm_foot .registered_office h3,
    .parent-pageid-926 #Footer .custm_foot_headng .sale_off h4 {
        font-family: nafessweb!important;
        font-size: 22px
    }
    .parent-pageid-926 .directionrtl li,
    .parent-pageid-926 li {
        color: #000!important;
        font-size: 20px!important;
        font-weight: 400!important;
        font-family: nafessweb!important;
        direction: rtl
    }
    .parent-pageid-926 .financial_tbs_urdu .wpb_toggle_content.tbs h5 {
        font-size: 18px!important
    }
    .parent-pageid-926 .awards-recognition-section h4.vc_custom_heading,
    .parent-pageid-926 .news-announcement-section h4.vc_custom_heading {
        line-height: 40px;
        font-size: 18px!important;
        font-weight: 600!important
    }
    .parent-pageid-926 .forallh4 p {
        text-align: right!important
    }
    .urdumenu #Top_bar .menu>li {
        padding: 0 5px
    }
    .urdumenu #Top_bar .logo,
    .urdumenu #Top_bar.is-sticky .logo {
        margin: 0 6px 0 0
    }
}

@media (max-width:1680px) and (min-width:1601px) {
    #Top_bar .menu>li {
        padding: 0 6px
    }
    .is-sticky .menu>li {
        padding: 0 3px!important
    }
    .menuo-arrows #Top_bar .menu>li.submenu>a>span:not(.description):after {
        margin-top: 10px!important;
        margin-left: 8px
    }
    .parent-pageid-926 .urdumenu .menu>li.submenu>a>span:not(.description)::after {
        top: 34px!important;
        left: 81px!important
    }
    .lead {
        font-weight: 400!important;
        font-size: 18px!important;
        color: #000
    }
    .morelink {
        width: 110px;
        padding: 10px 16px
    }
    .bod-txt span:first-child {
        font-size: 18px!important
    }
    p.small-heading {
        font-size: 16px
    }
}

@media (max-width:1600px) and (min-width:1441px) {
    #Top_bar .menu>li {
        padding: 0 6px
    }
    .menuo-arrows #Top_bar .menu>li.submenu>a>span:not(.description):after {
        margin-top: 10px!important;
        margin-left: 8px
    }
    .urdumenu .menu>li.submenu>a>span:not(.description)::after {
        top: 49px!important;
        left: 38px!important
    }
    .lead {
        font-weight: 400!important;
        font-size: 18px!important;
        color: #000
    }
    .morelink {
        width: 110px;
        padding: 10px 16px
    }
    .bod-txt span:first-child {
        font-size: 18px!important
    }
    p.small-heading {
        font-size: 16px
    }
    .is-sticky ul li span {
        font-size: 15px!important;
        display: none
    }
    .parent-pageid-926 .urdumenu .menu>li.submenu>a>span:not(.description)::after {
        top: 34px!important;
        left: 81px!important
    }
}

@media (max-width:1440px) and (min-width:1367px) {
    .is-sticky .menu>li {
        padding: 0 3px!important
    }
    .parent-pageid-926 .urdumenu .menu>li.submenu>a>span:not(.description)::after {
        top: 34px!important;
        left: 81px!important
    }
    .lead {
        font-weight: 400!important;
        font-size: 18px!important;
        color: #000
    }
    .morelink {
        width: 110px;
        padding: 10px 16px
    }
    .bod-txt span:first-child {
        font-size: 18px!important
    }
    p.small-heading {
        font-size: 16px
    }
    .parent-pageid-926 .urdumenu .menu>li.submenu>a>span:not(.description)::after {
        top: 34px!important;
        left: 81px!important
    }
    .urdumenu #Top_bar .menu>li>a span:not(.description) {
        padding: 5px 13px!important
    }
}

@media (max-width:1366px) and (min-width:1280px) {
    #Top_bar .menu>li {
        padding: 0 3px
    }
    .is-sticky .menu>li {
        padding: 0 3px!important
    }
    .menuo-arrows #Top_bar .menu>li.submenu>a>span:not(.description):after {
        margin-top: 10px!important;
        margin-left: 8px
    }
    .lead {
        font-weight: 400!important;
        font-size: 18px!important;
        color: #000
    }
    .morelink {
        width: 110px;
        padding: 10px 16px
    }
    .bod-txt span:first-child {
        font-size: 18px!important
    }
    p.small-heading {
        font-size: 16px
    }
    .parent-pageid-926 .urdumenu .menu>li.submenu>a>span:not(.description)::after {
        top: 34px!important;
        left: 81px!important
    }
    .parent-pageid-926 .urdumenu #Top_bar .menu>li>a span:not(.description) {
        font-size: 23px!important
    }
    .parent-pageid-926 .main_banner_all h2.vc_custom_heading,
    .parent-pageid-926 .main_banner_all p {
        font-size: 45px!important;
        font-family: nafessweb!important
    }
    .parent-pageid-926 #sample_slider h3,
    .parent-pageid-926 .cementbgimg h4.vc_custom_heading,
    .parent-pageid-926 .clinkerbgimg h4.vc_custom_heading,
    .parent-pageid-926 .corporate-section h3,
    .parent-pageid-926 .customeheadingline h3,
    .parent-pageid-926 .ourlocations h2.vc_custom_heading,
    .parent-pageid-926 .review-section h3,
    .parent-pageid-926 dsad,
    .parent-pageid-926 h1,
    .parent-pageid-926 h2,
    .parent-pageid-926 h3,
    .parent-pageid-926 h4,
    .parent-pageid-926 h5,
    .parent-pageid-926 h6 {
        font-size: 35px!important;
        font-weight: 500!important;
        font-family: nafessweb!important
    }
    .parent-pageid-926 #Footer .footer_copy .one .copyright,
    .parent-pageid-926 #Footer p,
    .parent-pageid-926 .directionrtl li,
    .parent-pageid-926 .financial_tbs .faq .question .title,
    .parent-pageid-926 .inv_sec_one .compny_detl h4,
    .parent-pageid-926 .invst_cntcts .box h4,
    .parent-pageid-926 .profile-section p,
    .parent-pageid-926 a,
    .parent-pageid-926 dsad,
    .parent-pageid-926 h4.vc_custom_heading.galleryvideomargin,
    .parent-pageid-926 p,
    .parent-pageid-926 span {
        font-size: 18px!important;
        font-weight: 400!important;
        font-family: nafessweb!important
    }
    .clinkerbgimg h2,
    .parent-pageid-926 .cementbgimg h2 {
        font-size: 40px!important;
        font-weight: 600!important;
        font-family: nafessweb!important
    }
    .parent-pageid-926 #Footer .custm_foot .head_office h3,
    .parent-pageid-926 #Footer .custm_foot .registered_office h3,
    .parent-pageid-926 #Footer .custm_foot_headng .sale_off h4 {
        font-family: nafessweb!important;
        font-size: 22px
    }
    .parent-pageid-926 .directionrtl li,
    .parent-pageid-926 li {
        color: #000!important;
        font-size: 18px!important;
        font-weight: 400!important;
        font-family: nafessweb!important;
        direction: rtl
    }
    .parent-pageid-926 .financial_tbs_urdu .wpb_toggle_content.tbs h5 {
        font-size: 18px!important
    }
    .parent-pageid-926 .awards-recognition-section h4.vc_custom_heading,
    .parent-pageid-926 .news-announcement-section h4.vc_custom_heading {
        line-height: 40px;
        font-size: 18px!important;
        font-weight: 600!important
    }
    .parent-pageid-926 .forallh4 p {
        text-align: right!important
    }
    .urdumenu #Top_bar .menu>li {
        padding: 0 6px
    }
    .parent-pageid-926 .urdumenu .menu>li.submenu>a>span:not(.description)::after {
        top: 33px!important;
        right: 89px!important
    }
    .urdumenu #Top_bar .menu>li>a span:not(.description) {
        padding: 5px 9px!important
    }
}

@media (max-width:1440px) and (min-width:1380px) {
    #Top_bar .menu>li {
        padding: 0 1px!important
    }
    .menuo-arrows #Top_bar .menu>li.submenu>a>span:not(.description):after {
        margin-top: 10px!important;
        margin-left: 8px
    }
}

@media (max-width:1280px) and (min-width:1270px) {
    .lead {
        font-weight: 400!important;
        font-size: 18px!important;
        color: #000
    }
    .morelink {
        width: 110px;
        padding: 10px 16px
    }
    .bod-txt span:first-child {
        font-size: 18px!important
    }
    p.small-heading {
        font-size: 16px
    }
}

@media (max-width:1380px) and (min-width:1240px) {
    #Top_bar .menu>li {
        padding: 0 1px!important
    }
}

@media (max-width:1024px) and (min-width:992px) {
    #Top_bar a.responsive-menu-toggle {
        right: -640px;
        margin-top: 5px
    }
    ul#menu-top_nav {
        width: 278px
    }
    #Top_bar .top_bar_left {
        position: fixed
    }
    #Top_bar #menu {
        right: -591px;
        top: 71px
    }
    img.jamapunji-img {
        width: 105px!important
    }
    .jama-punji {
        margin-top: 18px
    }
    .jama-punji {
        margin-top: 18px
    }
    .map-left .gadoon {
        top: 100px;
        right: 37%
    }
    .map-left .peshawar {
        position: absolute;
        top: 153px;
        right: 40.5%
    }
    .map-left .nowshera {
        position: absolute;
        top: 144px;
        right: 34.5%
    }
    .map-left .islamabad {
        position: absolute;
        top: 163px;
        right: 31%
    }
    .map-left .lahore {
        position: absolute;
        top: 220px;
        right: 31%
    }
    #Top_bar #menu ul li.submenu .menu-toggle {
        right: 45px;
        top: -2px;
        color: #fff!important;
        opacity: 1
    }
    #Top_bar #menu ul li {
        width: 92%;
        text-transform: uppercase
    }
    li#menu-item-27 br,
    li#menu-item-769 br {
        display: none
    }
    .main_banner_all h2.vc_custom_heading {
        margin-top: 35%
    }
    .imgtxtright-section,
    .lefttxtimg-section {
        padding-top: 0!important
    }
    .policyimgbtntxt .wpb_wrapper h4 {
        padding-top: 9%
    }
    .urdumenu #Top_bar a.responsive-menu-toggle {
        margin-top: 0
    }
    .header-classic #Top_bar {
        position: fixed
    }
    #Top_bar.is-sticky .menu_wrapper {
        right: 50px!important;
        margin-top: 29px!important
    }
    .vc_custom_1569570652088 {
        height: 570px
    }
    .urdumenu #Top_bar #menu ul li.submenu .menu-toggle {
        right: 207px!important;
        top: 3px!important;
        color: #fff!important;
        opacity: 1!important
    }
    .urdumenu #Top_bar #menu>ul {
        width: 267px!important
    }
    .parent-pageid-926 .imgtxtright-section .vc_column-inner .wpb_wrapper {
        padding-left: 0!important
    }
    .heading-content {
        font-size: 46px!important;
        line-height: 1!important;
        padding-top: 18%
    }
    #Top_bar #menu ul li.submenu .menu-toggle {
        right: 45px;
        top: -2px;
        color: #fff!important;
        opacity: 1
    }
    .map-left .karachi {
        right: 55%
    }
}

@media (max-width:991px) and (min-width:768px) {
    #Top_bar a.responsive-menu-toggle {
        right: -414px;
        margin-top: 19px
    }
    #Top_bar .top_bar_left {
        position: fixed
    }
    #Top_bar #menu {
        right: -370px;
        top: 26px
    }
    img.jamapunji-img {
        width: 77px!important
    }
    .jama-punji {
        margin-top: 18px
    }
    .map-left .gadoon {
        top: 100px;
        right: 32%
    }
    .map-left .peshawar {
        position: absolute;
        top: 153px;
        right: 38.5%
    }
    .map-left .nowshera {
        position: absolute;
        top: 144px;
        right: 31.5%
    }
    .map-left .islamabad {
        position: absolute;
        top: 163px;
        right: 26%
    }
    .map-left .lahore {
        position: absolute;
        top: 217px;
        right: 25%
    }
    .urdumenu #Top_bar a.responsive-menu-toggle {
        margin-top: 0
    }
    .header-classic #Top_bar {
        position: fixed
    }
    #Top_bar.is-sticky .menu_wrapper {
        right: 50px!important;
        margin-top: 29px!important
    }
    .vc_custom_1569570652088 {
        height: 570px
    }
    .main_banner_all h2.vc_custom_heading {
        margin-top: 42%
    }
    .urdumenu #Top_bar #menu ul li.submenu .menu-toggle {
        right: 240px!important;
        top: 6px!important;
        color: #fff!important;
        opacity: 1!important
    }
    .urdumenu #Top_bar #menu>ul {
        width: 267px!important
    }
    .parent-pageid-926 .imgtxtright-section .vc_column-inner .wpb_wrapper {
        padding-left: 0!important
    }
    .heading-content {
        font-size: 46px!important;
        line-height: 1!important;
        padding-top: 18%
    }
    li#menu-item-27 br,
    li#menu-item-769 br {
        display: none
    }
    #Top_bar #menu {
        top: 71px
    }
    .map-left .karachi {
        right: 57%
    }
    .map-left .Multan {
        bottom: 43%!important;
        right: 37%!important
    }
    .parent-pageid-926 #Top_bar .menu_wrapper {
        float: left !important;
    }
    .extras {
        display: none;
    }
    .urdumenu-tablet {
        transform: rotate(180deg);
    }    
    .urdumenu-tablet li {
        transform: rotate(-180deg);
    }
    #urdumenu-tablet li a {
        font-size: 18px !important;
    }
    #Side_slide #menu ul li.submenu .menu-toggle {
        right: 38px;
        color: #fff !important;
    }
    .urdumenu-tablet ul.sub-menu {
        transform: rotate(180deg);
    }
    
}

@media (max-width:767px) and (min-width:320px) {
    .lang_sch {
        padding-right: 10px
    }
    #Top_bar #logo,
    .header-fixed #Top_bar #logo,
    .header-plain #Top_bar #logo,
    .header-transparent #Top_bar #logo {
        height: 56px!important
    }
    div#Top_bar {
        height: 120px
    }
    .our-product-section .vc_custom_1568813927464 {
        padding-right: 35px!important
    }
    .our-product-section .cement h4,
    .our-product-section .clinker h4 {
        margin-top: 0!important;
        font-size: 22px
    }
    .our-product-section .vc_column-inner.vc_custom_1568817005190 {
        padding: 0!important
    }
    #sample_slider h3 {
        font-size: 28px;
        line-height: 30px
    }
    .corporate-section h2,
    .corporate-section h3 {
        line-height: 37px
    }
    .custm_foot .vc_column-inner .wpb_content_element {
        margin-bottom: 0!important
    }
    .desktopviewjourney {
        display: none!important
    }
    .mobileviewjourney {
        display: block!important
    }
    .main_banner_all h2.vc_custom_heading {
        line-height: 40px!important;
        margin-top: 37%
    }
    .inv_sec_one {
        text-align: center
    }
    a#logo {
        margin-left: 15px!important
    }
    .jama-punji img {
        width: 100%
    }
    .financial_tbs .wpb_toggle_content.tbs .dnl {
        float: none
    }
    .wpb_toggle_content.answer.tbs.wpb_toggle_open h5 strong {
        margin-bottom: 20px;
        text-align: center
    }
    .financial_tbs .wpb_toggle_content.tbs h5 {
        padding-bottom: 20px
    }
    .hiddentxt {
        display: none!important
    }
    .productemptyspace {
        display: none!important
    }
    .our-product-section .clinker h4 {
        margin-top: -12px
    }
    .heading-content i {
        visibility: hidden
    }
    .our-product-section .clinker {
        padding: 29px 40px 25px 35px
    }
    .corporate-section h3 {
        font-size: 32px
    }
    #Footer .custm_foot .registered_office h3 {
        line-height: 22px
    }
    .jama-punji {
        text-align: center
    }
    img.jamapunji-img {
        width: 36%;
        margin: auto
    }
    .inv_sec_one .compny_detl h5 {
        margin: 10px 0
    }
    .customeheadingline h3 {
        text-align: center!important
    }
    .customeheadingline {
        margin-top: 0!important
    }
    .headingtopmargin {
        margin-top: 165px!important
    }
    .policycontent {
        margin-top: 35px
    }
    .hidenshow {
        margin-bottom: 35px
    }
    .vc_row.wpb_row.vc_inner.vc_row-fluid.customeheadingline {
        margin-bottom: 0
    }
    #Top_bar #menu ul li.submenu .menu-toggle {
        color: #fff;
        opacity: 1
    }
    .top_bar_right {
        display: none
    }
    div#Top_bar {
        padding-bottom: 10px
    }
    .imgtxtright-section .vc_column-inner .wpb_wrapper {
        padding-left: 0!important
    }
    .desktophide {
        display: none
    }
    .mobileshow {
        display: block!important
    }
    .invst_cntcts .box h4 {
        padding: 0 5px
    }
    .side-image .vc_single_image-wrapper.vc_box_border_grey {
        margin-bottom: 0!important
    }
    .imgtxtright-section .vc_row.wpb_row.vc_inner.vc_row-fluid,
    .lefttxtimg-section .vc_row.wpb_row.vc_inner.vc_row-fluid {
        margin-bottom: 0!important
    }
    .imgtxtright-section .wpb_text_column.wpb_content_element,
    .lefttxtimg-section .wpb_text_column.wpb_content_element {
        margin-bottom: 20px
    }
    ul#menu-top_nav-1 li span br {
        display: none
    }
    ul#menu-top_nav-1 li {
        text-align: left!important
    }
    #Footer .custm_foot .head_office h3,
    #Footer .custm_foot .registered_office h3,
    #Footer .custm_foot_headng .sale_off h4 {
        font-size: 20px
    }
    #Footer p {
        font-size: 16px
    }
    #Footer .group_companies {
        margin-left: 0
    }
    .our-product-section h3 {
        font-size: 22px
    }
    .our-product-section .wpb_wrapper p {
        font-size: 16px!important
    }
    .owl-carousel .owl-item img {
        width: 100px!important
    }
    #sample_slider h3 {
        font-size: 22px
    }
    .profile-section p {
        font-size: 16px
    }
    .corporate-section h2,
    .review-section h3 {
        font-size: 22px
    }
    .corporate-section h3 {
        font-size: 20px;
        margin-bottom: 0;
        padding-bottom: 0
    }
    .corporate-section .wpb_wrapper img.aligncenter.size-full.wp-image-117 {
        width: 160px!important
    }
    .corporate-section .corp_btn a.vc_btn3-style-outline {
        margin-top: 0
    }
    p.gfgc {
        text-align: center
    }
    #Footer .footer_copy .one .copyright {
        text-align: center!important
    }
    .customeheadingline h3,
    sadsad {
        font-size: 22px!important
    }
    .vc_separator .vc_sep_holder .vc_sep_line {
        width: 20%;
        margin: auto
    }
    .side-image {
        margin-bottom: 20px!important
    }
    .imgtxtright-section .wpb_wrapper h4,
    .lefttxtimg-section .wpb_wrapper h4 {
        font-size: 20px
    }
    .imgtxtright-section .wpb_wrapper h4 br,
    .lefttxtimg-section .wpb_wrapper h4 br {
        display: none
    }
    .box {
        margin-bottom: 0!important
    }
    .awards-recognition-section .vc_single_image-wrapper img {
        width: 200px;
        margin: auto
    }
    .awards-recognition-section {
        text-align: center!important
    }
    .awards-recognition-section .wpb_single_image.wpb_content_element.vc_align_left {
        text-align: center!important;
        margin-bottom: 0
    }
    .awards-recognition-section .wpb_wrapper h4.vc_custom_heading {
        font-size: 22px!important;
        text-align: center!important;
        line-height: 25px
    }
    .awards-recognition-section .wpb_wrapper h4.vc_custom_heading br {
        display: none
    }
    h4.vc_custom_heading.galleryvideomargin {
        font-size: 16px!important;
        text-align: center!important
    }
    .news-announcement-section .vc_single_image-wrapper img {
        width: 200px;
        margin: auto
    }
    .news-announcement-section {
        text-align: center!important
    }
    .news-announcement-section .wpb_single_image.wpb_content_element.vc_align_left {
        text-align: center!important;
        margin-bottom: 0
    }
    .news-announcement-section .wpb_wrapper h4.vc_custom_heading {
        font-size: 22px!important;
        text-align: center!important;
        line-height: 25px
    }
    .news-announcement-section .wpb_wrapper h4.vc_custom_heading br {
        display: none
    }
    .the_content_wrapper .vc_custom_1568809287139 {
        padding-top: 52%!important;
        padding-bottom: 0!important;
        text-align: left!important
    }
    .sticky-tb-color #Top_bar.is-sticky {
        background: #5a5a5a;
        height: auto!important;
        padding-bottom: 0
    }
    .cementbgimg h2,
    .clinkerbgimg h2 {
        font-size: 28px;
        margin-top: 0;
        margin-bottom: 20px
    }
    .cementbgimg,
    .clinkerbgimg {
        padding: 30px
    }
    .cementbgimg p,
    .clinkerbgimg p {
        font-size: 16px!important
    }
    h2.vc_custom_heading.vissbilityhidden {
        visibility: hidden!important;
        display: none
    }
    #Content {
        padding-top: 0;
        margin-top: -313px
    }
    #Top_bar a.responsive-menu-toggle {
        top: -33px!important;
        right: 50px
    }
    nav#menu {
        margin-left: -30px!important
    }
    .urdumenu #Top_bar .menu>li {
        padding-left: 0
    }
    #Top_bar #menu ul li.submenu .menu-toggle {
        right: 170px;
        top: -3px
    }
    #Top_bar #menu ul li a span {
        text-align: left
    }
    .mobile-sticky #Top_bar.is-sticky a.responsive-menu-toggle {
        top: -33px!important
    }
    .map-left .gadoon {
        top: 10%;
        right: 28%
    }
    .map-left .peshawar {
        /* top: 21%; */
        /* right: 32% */
		top: 18% !important;
        right: 40% !important;
    }
    .map-left .islamabad {
        top: 20% !important;
        right: 17% !important;
    }
    .map-left .lahore {
        /* top: 33%; */
        /* right: 17%; */
		top: 30% !important;
        right: 27% !important;
    }
    .map-left .karachi {
        bottom: 13%;
        right: 50%;
    }
    .map-left {
        height: 310px
    }
    .toolstip {
        width: 12px!important;
        height: 12px!important
    }
    .map-left .mirpurkhas {
        top: 68%;
        right: 35.5%
    }
    .map-left .nowshera {
        position: absolute;
        /* top: 19%; */
        /* right: 22.5% */
		top: 13% !important;
        right: 24.5% !important;
    }
    p.cityname {
        font-size: 10px
    }
    .toolstip .toolstiptext {
        width: 149px
    }
    .vc_row.wpb_row.vc_row-fluid.corporate-section.vc_custom_1568875022598.vc_row-has-fill.vc_row-o-full-height.vc_row-o-columns-middle.vc_row-o-content-middle.vc_row-flex {
        z-index: 0!important
    }
    .ourlocations h2.vc_custom_heading {
        font-size: 28px;
        margin-top: 0;
        margin-bottom: 20px
    }
    .toolstip .toolstiptext p {
        font-size: 14px
    }
    .peshawar p.cityname {
        position: relative;
        right: 13px
    }
    .map-left .karachi {
        /* bottom: 49px; */
        /* right: 55% */
		bottom: 83px !important;
        right: 64% !important;
    }
    .ls-bg-outer {
        overflow: visible!important
    }
    #div#layerslider_6,
    .ls-wp-container {
        height: 459px!important
    }
    .corporate-section {
        min-height: auto!important
    }
    #custom_html-3,
    #custom_html-4,
    aside#custom_html-2 {
        padding: 0!important
    }
    div#custom_html-5 {
        padding-bottom: 15px
    }
    #Footer .footer_copy .one {
        padding: 10px 0;
        min-height: 33px
    }
    #Top_bar #menu ul li ul li a span,
    .awards-recognition-section p,
    .bod-txt span,
    .customeheadingline p,
    .forallh4 p,
    .invst_cntcts .box h4,
    .news-announcement-section p,
    .policycontent li,
    .policycontent p,
    .small-heading,
    .stock_info p,
    dsadsa,
    span.vc_tta-title-text {
        font-size: 16px;
        color: #000
    }
    .bod-txt span {
        font-weight: 600
    }
    .invst_cntcts .box {
        height: auto!important
    }
    .vc_separator.wpb_content_element.vc_separator_align_center.vc_sep_width_100.vc_sep_pos_align_center.vc_separator_no_text.vc_sep_color_grey {
        margin-bottom: -15px
    }
    .invst_cntcts .vc_custom_1568990892659,
    .invst_cntcts .vc_custom_1569493386361,
    .invst_cntcts .vc_custom_1569581155532,
    .invst_cntcts .vc_custom_1569581358695,
    .invst_cntcts .vc_custom_1569914736893,
    .invst_cntcts .vc_custom_1575988644199,
    .invst_cntcts .vc_custom_1575988651875,
    .invst_cntcts .wpb_text_column.wpb_content_element.vc_custom_1569581120520.box {
        margin-bottom: 10px!important
    }
    .vc_row.wpb_row.vc_row-fluid.financial_tbs {
        margin-top: 20px
    }
    .cheartemail,
    .csrcontent {
        margin-top: 40px
    }
    #Top_bar #menu ul li ul li a span {
        color: #fff!important
    }
    .urdumenu #Top_bar #menu ul li a span {
        text-align: right!important
    }
    .urdumenu #Top_bar #menu ul li.submenu .menu-toggle {
        right: 206px;
        top: 7px
    }
    .urdumenu #Top_bar #menu ul li ul li a {
        text-align: right
    }
    #Top_bar #menu ul li ul {
        width: 93%!important
    }
    .urdumenu #Top_bar #menu ul li ul {
        width: 89%!important;
        margin-left: 15px!important
    }
    .urdumenu .column {
        margin-bottom: 0!important
    }
    .customeheadingline .wpb_text_column.wpb_content_element,
    .forallh4 .wpb_text_column.wpb_content_element,
    .inv_sec_one .wpb_text_column.wpb_content_element,
    .sadasd .wpb_text_column.wpb_content_element,
    .vc_custom_1568962996882 {
        margin-top: 40px
    }
    .morelink {
        width: 100px;
        padding: 10px 16px
    }
    .bod-txt .morecontent span,
    .morecontent span {
        font-size: 15px!important
    }
    .compny_detl h3.vc_custom_heading {
        margin-bottom: 30px
    }
    #menu>ul>li>a {
        font-size: 20px
    }
    .extras {
        display: none
    }
    #Footer .footer_copy {
        padding-top: 20px!important
    }
    #Footer p {
        margin-bottom: 0!important
    }
    .map-left .Sukkur {
        bottom: 30%!important;
        right: 48%!important
    }
    .map-left .Multan {
        bottom: 46%!important;
        right: 31%!important
    }
    #Side_slide #menu ul li.submenu .menu-toggle {
        right: 40px !important;
        top: 9px !important;
        color: #fff !important;
    }
    
    #Side_slide #menu ul li a {
        font-size: 18px !important;
    }
    
    .displaynonecol.wpb_column.vc_column_container.vc_col-sm-4 {
        display: none;
    }
    .urdu_director.wpb_column.vc_column_container.vc_col-sm-4 {
        margin-bottom: 25px;
    }
    .urdumenu-tablet {
        transform: rotate(180deg);
    }    
    .urdumenu-tablet li {
        transform: rotate(-180deg);
    }
    .urdumenu-tablet ul.sub-menu {
        transform: rotate(180deg);
    }
	body.search-results:not(.template-slider) #Header {
    	min-height: 120px!important
	}
    
}

@media (max-width:359px) and (min-width:320px) {
    .map-left .karachi {
        bottom: 21%!important;
        right: 54%!important
    }
    .map-left .mirpurkhas {
        top: 60%;
        right: 36.5%
    }
    .map-left .Sukkur {
        bottom: 35%!important;
        right: 48%!important
    }
    .map-left .lahore {
        right: 20%!important
    }
}

.urduforall {
    direction: rtl;
    font-family: nafessweb!important
}

.parent-pageid-926,
.parent-pageid-926 #Top_bar .menu>li>a span:not(.description),
.parent-pageid-926 .display-1.heading-content,
.parent-pageid-926 .heading-content,
.parent-pageid-926 sadsad,
.parent-pageid-926 strong {
    font-family: nafessweb!important
}

.parent-pageid-926 a,
.parent-pageid-926 p,
.parent-pageid-926 span {
    font-family: nafessweb!important
}

.parent-pageid-926 input,
.parent-pageid-926 select,
.parent-pageid-926 textarea {
    font-family: nafessweb!important
}

.parent-pageid-926 h1,
.parent-pageid-926 h2,
.parent-pageid-926 h3,
.parent-pageid-926 h4,
.parent-pageid-926 h5,
.parent-pageid-926 h6 {
    font-family: nafessweb!important
}

.head_office .custom-html-widget,
.registered_office .custom-html-widget {
    padding-top: 15px!important
}

#Top_bar.is-sticky .menu_wrapper {
    margin-top: 21px!important
}

.map-left .Sukkur {
    position: absolute;
    bottom: 27%;
    right: 49.5%
}

.map-left .Multan {
    position: absolute;
    bottom: 41%;
    right: 42%
}

img.jamapunji-img {
    display: none;
}

div#post-41 {
    margin-top: 0px !important;
}
.isotope_wrapper div#post-121 {
    margin-top: 0px !important;
}

/* ---- Fix for white screen / header flash when scroll-to-top ---- */

/* Keep header visible during scroll transitions */
/*#Top_bar, #Header, #Header_wrapper, #Action_bar {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
} */

/* Prevent background flash when sticky header resets */
/*body.admin-bar #Wrapper, #Wrapper, #Content {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  overflow: visible !important;
  background: #000 !important; 
} */  /* or your site’s default background */

/* Force sticky header positioning */
/*#Top_bar.is-sticky, #Header.is-sticky {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 9999;
  background-color: rgba(30,30,30,0.95); 
} */ /* semi-transparent dark bg */

/* Add offset so content doesn't jump under the sticky header */
/*#Wrapper 
{ 
    padding-top: 110px !important; 
    
} */





/* --------------------------- LAYOUT 28-10-2025 -------------------------- */