/* @font-face {
    font-family: 'Roboto Condensed';
    src: url('../../../../../../../../themes/ishtar-child/fonts/RobotoCondensed-SemiBold.woff2') format('woff2'),
         url('../../../../../../../../themes/ishtar-child/fonts/RobotoCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

 */


@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-ExtraBoldItalic.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-ExtraBoldItalic.woff) format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-ExtraBold.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-ExtraBold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-Light.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-BlackItalic.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-BlackItalic.woff) format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-BoldItalic.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-BoldItalic.woff) format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-HeavyItalic.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-HeavyItalic.woff) format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-Medium.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-Black.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-Bold.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-Heavy.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-Heavy.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-LightItalic.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-LightItalic.woff) format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-UltraLight.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-UltraLight.woff) format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-SemiBold.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-Thin.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-Thin.woff) format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-Regular.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-ThinItalic.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-ThinItalic.woff) format("woff");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-UltraLightItalic.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-UltraLightItalic.woff) format("woff");
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-MediumItalic.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-MediumItalic.woff) format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Manrope-RegularItalic";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-RegularItalic.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-RegularItalic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url(../../../../../../../../themes/ishtar-child/fonts/Manrope-SemiBoldItalic.woff2) format("woff2"),url(../../../../../../../../themes/ishtar-child/fonts/Manrope-SemiBoldItalic.woff) format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

body {
    font-family: "Manrope"!important;
    margin: 0!important;
    overflow-x: hidden
}
button.n-prev-homeslider {
    display: none;
}

button.n-next-homeslider {
    display: none;
}
.breadcrum {
    display: none;
}
.page-id-11 .about-section {
    display: none;
}

.page-id-11 .industry-insights-section {
    display: none;
}
.why-choose-content h6, .why-choose-content p {
    display: none;
}
.heading_title h6 {
    display: none !important;
}
.mission-vision-item .heading_title h6{
    display: block !important;
}
a {
    text-decoration: none!important
}
.postid-1263 .table_detail, .postid-88 .table_detail, .postid-89 .table_detail, .postid-90 .table_detail, .postid-91 .table_detail, .postid-92 .table_detail{
    display: none;
} 

.postid-1263 .commercial-service-content .row {
    display: none;
}

.postid-91 .commercial-service-content .row:nth-child(even) {
    display: none;
}
.postid-1263 .commercial-service-content .row:nth-child(even) {
    display: none;
}
.postid-88 .commercial-service-content .row:nth-child(even) {
    display: none;
}
.postid-89 .commercial-service-content .row:nth-child(even) {
    display: none;
}
.postid-90 .commercial-service-content .row:nth-child(even) {
    display: none;
}
.postid-92 .commercial-service-content .row {
    display: none;
}
.postid-90 .commercial-service-content .row, .postid-91 .commercial-service-content .row {
    display: none;
}

.postid-90 .commercial-service-section, .postid-91 .commercial-service-section {
    padding-top: 50px;
    padding-bottom: 50px;
}
header.entry-header {
    display: none
}
.commitment-column {
    padding: 30px 150px 30px 150px !important;
}
.page-id-11 .news2 img {
    width: 52%;
}
ul {
    padding: 0!important;
    margin: 0!important
}

ul li {
    list-style: none
}

a:focus {
    outline: none!important
}

.page-id-11 .image {
    height: 600px;
}

h1 {
    color: #fff;
    font-family: Manrope;
    font-size: 60px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 70px!important;
    letter-spacing: 1px
}

h2 {
    color: #1E1E1E;
    font-family: Manrope;
    font-size: 50px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: normal!important;
    letter-spacing: 1px
}

h3 {
    color: #fff;
    font-family: Manrope;
    font-size: 48px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 58px!important
}

h4 {
    color: #000;
    font-family: Manrope;
    font-size: 22px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: normal!important;
    letter-spacing: 1px
}

h5 {
    color: #fff;
    font-family: Manrope;
    font-size: 25px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 25px!important;
    letter-spacing: 1px
}

h6 {
    color: #1E1E1E;
    font-family: Manrope;
    font-size: 18px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 18px!important;
    letter-spacing: 1px
}

p {
    font-family: 'MANROPE';
    font-size: 16px!important;
    font-weight: 400!important;
    line-height: 26px!important;
    color: #353535;
    margin-bottom: 0!important;
	letter-spacing: 0px;
    }

a:visited {
    color: #000
}

body.home {
    background-color: #fff
}

.commercial-service-content .image .image-item img {
    width: auto
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(20 20 20 / 95%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000
}

.wpcf7 form .wpcf7-response-output {
    color: #000!important
}

.project_img {
    background: #fff
}

.main-nav li a svg {
    color: #fff
}

.latestnews-section .container {
    position: relative;
    z-index: 1
}

.heading_bg span {
    font-family: 'Manrope';
    font-size: 150px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    background: linear-gradient(180deg, rgba(31, 31, 31, 0.65) 0%, rgba(16, 16, 16, 0.00) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.heading_bg{
	display: none !important;
}

.heading_title h6,.heading_title h2 {
    margin: 0
}

.section_heading {
    position: relative;
    padding-bottom: 60px
}

.heading_title {
    width: 52%;
    position: relative;
    z-index: 1
}
.about-company .heading_title {
    width: 100%;
}

.why-choose-column .heading_title {
    margin-top: 0;
    padding-bottom: 0
}

.choose-para p {
    padding-bottom: 20px
}

.contact-time-info p {
    display: none
}

.projects-section .heading_title {
    width: 100%
}

.Project_portfolio .section_heading {
    text-align: center
}

.Project_portfolio .heading_title {
    width: 100%
}

.latestnews-section .heading_title {
    width: 70%;
    margin-top: -50px !important;!I;!;
}

.about-content .heading_title {
    width: 100%
}

.heading_title h2 {
    margin-top: 0
}

.industry-insights-section .heading_bg,.product-section .heading_bg,.projects-section .heading_bg,.certificate-section .heading_bg,.latestnews-section .heading_bg {
    position: relative;
    left: -200px
}

.director-message .heading_title {
    width: 100%
}

.mission-vision-item .heading_title {
    width: 100%
}

.service-sec .heading_title {
    width: 100%
}

.page-template-News__Events .latestnews-section .heading_title {
    width: 100%
}

.recentpost-section .heading_title {
    width: 100%
}

.contact-form-section .heading_title {
    width: 100%
}

.certificate-sec .heading_title {
    width: 100%
}

.industry-insights-section .heading_title {
    width: 100%
}

.about-company-profile-sec .heading_title {
    width: 100%
}

.commercial-product-section .heading_title {
    width: 100%
}

.contact-time-info-btn a.header_btn:nth-child(2) {
    display: none!important
}

.learn-more a {
    padding: 10px 20px;
    border: 1px solid #d22030;
    color: #ffffff!important;
    font-weight: 600;
    background-color: #d22030;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    transition: all 0.5s ease-in;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.1);
    z-index: 9;
    font-size: 16px;
    font-family: "Manrope"
}

.learn-more a span {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #d22030;
    color: #fff;
    border-radius: 40px;
    margin-left: 10px
}

.learn-more a:before {
    content: "";
    width: 30px;
    height: 30px;
    background-color: #d22030;
    position: absolute;
    right: 30px;
    border-radius: 40px;
    z-index: -1;
    transition: all 0.5s ease-in
}

.learn-more a:hover:before {
    width: 240px;
    height: 80px;
    right: -10px;
    background-color: #fff
}

.learn-more a:hover {
    color: #d22030!important;
    background-color: #fff
}

.main-navigation ul li:last-child {
    width: 90px;
}
.gt_float_switcher img {
    display: none !important;
}

.main-navigation li ul.sub-menu {
    display: block;
    background-color: #fff;
    border-radius: 5px
}

.main-navigation li ul.sub-menu li:last-child {
    border: 0;
    border-top: 1px solid #b1b1b1
}

.main-navigation li ul.sub-menu li {
    padding: 15px 0;
    margin: 0 10px
}
/* .home-arrow {
    display: none !important;
} */
.main-navigation li ul.sub-menu li a {
    color: var(--Black,#1e1e1e);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.main-navigation ul li:nth-child(3) {
    position: relative
}

/* .main-navigation ul li:nth-child(3):after {
    content: "";
    background-image: url(/emirates-extrusion-2/wp-content/uploads/2024/03/drop_down_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 9px;
    height: 5px;
    display: block;
    position: absolute;
    top: 9px;
    right: 2px
} */

header#masthead {
    position: absolute;
    width: 100%;
    z-index: 999;
    background: #000000a8
}

.header-container {
    max-width: 100%;
    margin: 0 auto;
    padding-right: 0
}

.header-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(255 255 255 / 15%)
}

.header-info nav.navbar {
    padding: 0 60px 0 45px!important;
    justify-content: space-between!important;
    width: 100%!important
}

.header-fixed {
    position: fixed!important;
    top: 0;
    left: 0;
    right: 0;
    background-color: #00000082;
    z-index: 9999;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    transition: background-color 0.3s ease,padding 0.3s ease;
    padding-top: 0px;
}

.header-info .site-branding.navbar-brand {
    padding: 0px!important;
    margin: 0px!important
}

.header-info .navbar-collapse {
    justify-content: end;
    padding-right: 0
}

.main-navigation ul li a {
    padding-right: 0;
    color: #fff;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.main-navigation ul li:last-child a {
    padding-right: 0
}

a.header_btn {
    color: #fff!important;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 131px;
    height: 52px;
    align-items: center;
    display: flex!important;
    justify-content: center
}

a.header_btn:last-child {
    background-color: #d22030;
    border: 1px solid #d22030;
    margin-right: 0
}

a.header_btn {
    border: 1px solid #fff;
    margin-right: 15px
}

.main-navigation {
    display: flex!important;
    align-items: center
}

.main-navigation ul li {
    padding: 0 20px
}

.main-navigation ul li.menu-item-653 {
    border-left: 1px solid rgb(255 255 255 / 30%)
}

.main-navigation ul li:last-child {
    margin-right: 10px;
    border-right: 1px solid rgb(255 255 255 / 30%);
    border-left: 1px solid rgb(255 255 255 / 30%)
}

ul.socialnav:before {
    content: "";
    width: 1px;
    height: 39px;
    border-left: 1px dashed;
    padding-left: 10px
}

.page-id-411 .news-and-events .news-item img {
    width: 100%;
    height: auto!important;
    overflow: hidden;
    object-fit: cover
}

.sliderInner .inner-content .text h6 {
    padding-bottom: 10px;
    margin: 0;
    color: #000
}

.project-images a {
    pointer-events: all;
}

.sliderInner .text h1 {
    color: #000
}

.sliderInner .inner-content .text h1 {
    margin: 0;
    padding-bottom: 20px
}

.slider-main {
    position: relative
}

.slider-main:before {
    content: "";
    width: 46px;
    height: 213px;
    display: block;
    position: fixed;
    top: 215px;
    z-index: 1;
    left: auto;
    background: url(/emirates-extrusion-2//wp-content/themes/ishtar-child/images/mashari_subsidiary_badge.svg);
    background-repeat: no-repeat;
    right: 0
}

.sliderInner {
    position: relative
}

.sliderInner .inner-content {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
    align-items: center;
    display: flex
}

.sliderInner .inner-content {
    color: #fff;
    background: #ffffff6e
}

.sliderInner .inner-content .text {
    max-width: 60%;
    position: relative
}

.sliderInner .inner-content h4 {
    font-size: 20px;
    font-weight: 600;
    z-index: 9;
    position: relative
}

.sliderInner .inner-content h2 {
    font-size: 60px;
    font-weight: 700
}

.sliderInner .inner-content p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 25px
}

.home-arrow {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 200px;
    right: 5%;
    z-index: 1
}

.home-arrow * {
    color: #fff
}

.home-arrow .slider__counter {
    padding: 0 10px;
    font-size: 25px;
    font-weight: 700
}

.home-arrow .slick-arrow {
    padding: 0 0 0 20px;
    background-color: transparent;
    border: none;
    display: none;
}

.page-id-11 .heading_bg {
    display: none
}

.page-id-11 .inner-banner .sliderInner .inner-content {
    top: 100px
}

.page-id-11 .sliderInner .inner-content {
    color: #fff;
    background: #d5d3d36e;
    padding-top: 100px;
}

.page-id-13 .about-company-profile-sec {
    background-color: #fff
}
.chairman-section h2 {
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}
.chairman-image {
    position: sticky !important;
    top: 0;
}
.row.direct {
    align-items: center;
}
.sliderInner .inner-content {
    color: #fff;
    background: #b9b9b91c
}

.page-id-13 .inner-about-us-sec .about-section .about-image-row .about-image {
    width: 100%;
    margin: 10px 0px;
}

.about-section {
    padding: 0 0;
    background-color: #fff
}

.image img {
    width: 100%;
    max-width: 100%
}

.about-section .about-image-row .about-image {
    overflow: hidden;
    position: relative
}

.about-section .about-image-row .about-image-item {
    position: relative
}

.about-section .about-image-row .about-image-item img {
    position: relative;
}

.about-section .about-image-row .about-image-item h6 {
    transition: bottom 1s ease;
    left: 0;
    right: 0;
}

.about-section .about-image-row .about-image-paragraph {
    position: relative;
    bottom: 60px;
    left: 0;
    width: 100%;
    padding: 0 15px 0 15px;
    transition: bottom 1s ease
}

/* .about-section .about-image-row .about-image:hover .about-image-paragraph {
    bottom: 0;
}

.about-section .about-image-row .about-image:hover .about-image-item h6 {
    bottom: 0;
} */

.about-section .about-image-row .about-image:nth-child(2) h6 {
    width: 100%
}

/* .about-section .about-image-row .about-image:nth-child(2):hover .about-image-item h6 {
    bottom: 70px
} */

.about-image-paragraph p {
    color: #fff;
    /* font-family: "Manrope"; */
    font-size: 13px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 20px!important;
}

.about-section .about-image-row {
    display: flex;
    flex-wrap: nowrap;
}

.about-section .section_heading {
    padding-bottom: 30px
}

.about-section .heading_title h2 {
    margin-top: 20px;
    line-height: 70px!important
}

.about-section .about-image-row .about-image {
    width: 100%;
    position: relative;
    margin: 10px 10px
}

.about-section .about-image-row .about-image h6 {
    position: absolute;
    bottom: 60px;
    padding: 0 0 0 15px;
    width: 100%;
    color: #fff;
    font-size: 22px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 26px!important;
    text-align: left
}

.about-column {
    display: flex;
    align-items: center
}

.about-image {
    overflow: hidden
}

.about-image img {
    transition: all 0.4s ease-in;
    width: 100%
}

.about-image:hover img {
    transform: scale(1.1);
}

.about-content h6 {
    display: flex;
    align-items: center
}

.mis_vis {
    display: grid;
    grid-template-columns: auto auto;
    padding: 20px 0
}

.ab-mission,.ab-vision {
    display: flex
}

.ab-mission {
    border-right: 1px solid #d4dade;
    padding-right: 40px
}

.ab-vision {
    padding-left: 40px
}

.ab-icon {
    flex-shrink: 0;
    margin-right: 20px
}

.ab-cont h3 {
    color: #1a1510;
    font-family: "DM Sans";
    font-size: 24px;
    font-weight: 700
}

.ab-cont p {
    font-size: 16px
}

.testimonial-author {
    display: flex;
    align-items: center;
    gap: 20px
}



.about-company {
    background: url(../images/AboutCompanyBG.png);
    padding: 70px 0;
}
.banner-slider {
    display: flex;
    align-items: flex-start;
}
.banner-slider .slider.slider-for {
    max-width: 65%;
}
.banner-slider .slider.slider-nav {
    max-width: 35%;
}
.slider-banner-image img {
    width: 671px;
    height: 671px;
    object-fit: cover;
/*     border-radius: 100%; */
}
.slick-current.side-titles h4 {
    color: #d22030 !important;
}
.years-2024 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* border-bottom: 1px solid #E1E1E1; */!E1;!E;!;
    padding: 40px 5px;
    height: 216px;
}

.slider-nav .slick-slide:not(.slick-current) {
    opacity: 0.5;
}

.side-titles h4 {
    font-size: 32px;
    color: #232323;
    font-weight: 400;
    /* padding: 70px 0; */
    cursor: pointer;
    /* height: 180px; */
    display: flex;
    margin-bottom: 30px;
    align-items: center;
    font-family: 'MANROPE';
}

.side-titles.slick-current h4 {
/*     border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1; */
    color: #232323;
    font-weight: 600;
}

.banner-slider .slider.slider-for .slick-list {
    padding-left: 100px;
}

.company-records {
    position: relative;
    margin-top: 30px;
}

.custom-years {
    position: absolute;
    top: 0;
    width: 671px;
    height: 671px;
    overflow-y: hidden;
}

.histtory {
    position: absolute;
    top: 10px;
    height: 700px;
    overflow: hidden;
    width: 60%;
    display: flex;
    align-items: center;
}
.history-years-vertical {
    position: relative
}
.history-years-vertical__years {
    width: 100%;
    display: flex;
    align-items: stretch;
}
.history-years-vertical__years__right {
    position: relative;
    flex-grow: 1;
    will-change: transform;
    transition: all 0.5s ease-in;
}
.history-years-vertical__years__right__list {
    position: absolute
}
.history-years-vertical__years p.is-active {
    color: #D22030 !important;
}
.history-years-vertical__years .history-years-vertical__years__left {
    color: #D22030 !important;
}
.history-years-vertical__years, .history-years-vertical__years p {
    color: #ffffffb5 !important;
    font-size: 270px !important;
    font-weight: 900 !important;
    line-height: normal !important;
    margin-bottom: 0 !important;
    font-family: 'Roboto';
}

/* sinlge commit-css start  */
.page-template-single-commitment .commitment {
    background: #ffffff;
}
.page-template-single-commitment .commitment-column {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0px !important;
}
.page-template-single-commitment .commitment-post a {
    pointer-events: none;
}
.page-template-single-commitment .comint-head h3 {
    font-family: Manrope;
    font-size: 25px !important;
    font-weight: 600 !important;
    letter-spacing: -1px;
    padding: 0;
    color: #000000 !important;
    text-align: left;
    background: none;
}

.page-template-single-commitment .commitment-post:nth-child(even) {
    flex-direction: row-reverse;
}
.page-template-single-commitment .commitment-post {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    row-gap: 20px !important;
    column-gap: 20px;
}

.page-template-single-commitment .commitment-content-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    align-items: center;
}

/* Alternate rows: Reverse flex direction on even posts */
.page-template-single-commitment .commitment-post:nth-child(even) .commitment-content-wrapper {
    flex-direction: row-reverse;
}

.page-template-single-commitment .commitment-text {
    flex: 1;
}

.page-template-single-commitment .commitment-text h3 {
    font-size: 35px !important;
    margin-bottom: 10px;
    color: #333;
}

.page-template-single-commitment .commitment-content {
    font-size: 16px;
    color: #555;
    padding-top: 0;
    grid-template-columns: repeat(1, 1fr);
    display: grid;
    justify-content: center;
}

.page-template-single-commitment .commitment-image {
    flex: 0 0 50%;
}

.page-template-single-commitment .commitment-image img {
    width: 100%;;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-template-single-commitment .commitment-post {
        flex-direction: column !important; /* Ensure mobile is always stacked */
    }

    .page-template-single-commitment .commitment-image {
        flex: 0 0 auto;
        margin-top: 15px;
    }
}



/* end  */

/* commit css  */
.single-commit {
    padding-top: 30px;
    padding-bottom: 30px;
}
.commitment-column {
    display: grid;
    justify-content: center;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 35px;
}

.comint-head h3 {
    margin-top: 0;
    text-align: center;
    font-family: Manrope;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 600 !important;
    letter-spacing: -1px;
    position: relative;
    top: 0;
    background: #d1e7db;
    padding: 20px;
    color: #747975 !important;
}
.single-commit p {
    padding-bottom: 25px;
}
/* end  */

/* contineouly css start  */

.continuously-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 70px 0px;
}

.continuously-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
}
.continuously-item:nth-child(even) {
    flex-direction: row-reverse;
}

.continuously-text {
    flex: 0 0 50%;
}

.continuously-heading-bg h2 {
    font-size: 30px !important;!I;!;
    margin-bottom: 10px;
    color: #333;
}

.continuously-content-area {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
}

.continuously-image {
    flex: 0 0 50%; /* Adjust the width of the image column */
    max-width: 100%;
}

.continuously-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
}


/* end  */

/* about inner page director css  */
.management-section {
    padding-top: 60px;
    background: #f3dcde80;
    /* padding-bottom: 60px; */
}
.management-section h2 {
    margin-bottom: 30px;
}

/* Horizontal Tabs */
.management-section .horizontal-tabs {
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
    margin-bottom: 20px;
}

.management-section .tab-item {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border-bottom: none;
    margin-right: 10px;
    background: #F3DCDE;
    box-shadow: 0px 4px 28.1px 0px rgba(0, 0, 0, 0.05);
    border: 2px solid #fff;
    width: 65%;
}

.management-section .tab-item.active {border: 2px solid #D22030;background: rgba(246, 246, 246, 0.50);}

.management-section .tab-icon {
    margin-right: 5px;
    width: 70.347px;
    height: 70.189px;
}

.management-section .tab-item.active .tab-icon {
    border-color: white;
}

/* Tab Content Below Tabs */
.management-section .tabs-content {
    padding: 0;
}

.management-section .tab-content-item {
    display: none;
}

.management-section .tab-content-item.active {
    display: block;
    padding-bottom: 100px;
}

.management-section .tab-content-item  .read-more-btn {
    margin-top: 10px;
    padding: 0;
    color: #000000;
    font-family: 'Manrope';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 162.5% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    background: none !important;!I;!;
    border: none;
}

.read-more-btn:hover {
    background-color: #0056b3;
}

/* Featured Image */
.featured-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.management-section .featured-img {
    width: 100%;
    height: auto;
    display: none;
}

.management-section .featured-img.active {
    display: block;
    width: 100%;
    height: 500px;
    object-fit: cover;
}

/* Responsive Design */
@media (max-width: 768px) {
    .main-footer .footer-col1 {
    margin-top: 0px;
}
       .management-section .horizontal-tabs {
        flex-wrap: nowrap;
    }
	    .management-section h5.modal-title {
        font-size: 20px !important;
        line-height: 32px !important;
    }
	

    .management-section .tab-item {
        padding: 8px 10px;
        margin-bottom: 5px;
    }

    .management-section .tab-icon {
        width: 25px;
        height: 25px;
    }

    .management-section .featured-image-container {
        margin-top: 20px;
    }
}


.management-section .tab-item span {
    color: #353535;
    font-family: 'Manrope';
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 108.333% */
    padding-left: 8px;
    padding-right: 2px;
}

.management-section .tab-content-item p {
    color: #353535;
    font-family: 'Manrope';
    font-size: 16px !important;!I;!;
    font-style: normal;
    font-weight: 400 !important;!i;!;
    line-height: 26px !important;!I;!;
    padding-top: 20px;
}

.management-section .row {
    align-items: center;
}


.management-section .modal-dialog.modal-lg {
    margin: 0 auto;
    top: 20%;
    width: 100%;
    height: 631px;
    max-width: 55%;
}

.management-section .modal-content {
}

.management-section .modal-header {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border: 0px !important;
    padding-left: 10px;
}

.management-section h5.modal-title {color: #1E1E1E;font-family: Manrope;font-size: 60px !important;!I;!;font-style: normal;!I;!;line-height: 67px !important;!I;!; /* 111.667% */letter-spacing: 0;}

.management-section .modal-body {
    padding-top: 0px;
    height: 500px;
    overflow-x: hidden;
    scrollbar-width: thin;
    margin-right: 25px;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
}
.modal-content:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 225px;
    background: url(/emirates-extrusion-2/wp-content/uploads/2025/02/Rectangle-5238.png);
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}


.management-section .modal-body p {
    color: #353535;
    font-family: 'Manrope';
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
.management-section button.btn-close {
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
    color: black;
    opacity: 1;
    margin-left: 20px !important;!I;!;
    position: relative;
    left: -12px;
}
/* Modal Content Scrollbar Styling */
.management-section .modal-content::-webkit-scrollbar {
    width: 6px;  /* Scrollbar width kam kar di gayi */
}

.management-section .modal-content::-webkit-scrollbar-track {
    background: #f1f1f1;  /* Scrollbar ka background color light gray */
    border-radius: 10px;
}

.management-section .modal-content::-webkit-scrollbar-thumb {
    background-color: red;  /* Scrollbar ka color red */
    border-radius: 10px;  /* Scrollbar ko round shape dena */
}

.management-section .modal-content::-webkit-scrollbar-thumb:hover {
    background-color: darkred;  /* Hover effect pe dark red ho jayega */
}

/* Firefox Support */
.management-section .modal-content {
      /* Firefox mein scroll ki motai kam karna */
      /* Firefox mein scrollbar ka color red aur track ka color gray */
      border-radius: 0px !important;!I;!;
      padding-left: 30px;
      padding-top: 20px;
      padding-bottom: 40px;
}
/* Container to position arrows and scrollbar */
.management-section .modal-content-wrapper {
    position: relative;
    height: 500px;
    overflow: hidden; /* Hide default scroll */
}

/* Scrollable content */
.management-section .modal-content {
    padding-right: 0px; /* Space for arrows */
    scrollbar-width: thin;
    scrollbar-color: red #f1f1f1;
}

/* Scrollbar Styling */
.management-section .modal-content::-webkit-scrollbar {
    width: 6px;
}

.management-section .modal-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.management-section .modal-content::-webkit-scrollbar-thumb {
    background-color: red;
    border-radius: 10px;
}

.management-section .modal-content::-webkit-scrollbar-thumb:hover {
    background-color: darkred;
}

/* Scroll Buttons Styling */
.management-section .scroll-btn {
    position: absolute;
    right: 5px;
    background: red;
    color: white;
    border: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.management-section .scroll-up {
    top: 10px;
}

.management-section .scroll-down {
    bottom: 10px;
}


/* end  */







section.reviews {
    padding-top: 50px;
}

.slick-dots li button:before {
    color: #971A1D!important;
    font-size: 10px!important
}

.testimonial-item p {
    color: #353535;
    font-style: normal;
    width: 90%;
    padding-bottom: 20px;
    height: auto;
    min-height: 200px
}

.testimonial-stars span {
    color: #FFC700
}

.author-name strong {
    color: #1E1E1E;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -.4px
}

.testimonial-item {
    display: flex;
    width: 415px;
    padding: 32px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 26px;
    border-radius: 20px;
    background: #FFF;
    border: 1px solid #0000000f;
    height: 350px!important;
    margin: 0 10px
}

.testimonial-stars {
    position: relative
}

.emeriate-reviews h2 {
    padding-bottom: 30px
}

.testimonial-stars:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(/emirates-extrusion-2/wp-content/uploads/2024/12/Frame-2.png);
    background-repeat: no-repeat;
    right: 0
}

.content-item {
    width: 100%
}

.why-choose-us-section {
    padding-bottom: 60px;
    padding-top: 40px;
}
.why-choose-column h2 {
    padding-bottom: 15px;
}

.why-choose-content {
    display: flex;
    justify-content: center;
    gap: 20px
}

.content-item h6 {
    font-size: 20px!important;
    margin-top: 20px
}

.content-item p {
    font-size: 16px!important;
    line-height: 26px!important;
    width: 90%
}

.unveiling {
    padding: 30px 0;
}

.unveiling-column .heading_title {
    padding-bottom: 0px;
}

.unveiling-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px
}
.unveiling-content-item a {
    color: #494b49 !important;
}
.unveiling-content-item {
    /* background: url(/emirates-extrusion-2/wp-content/uploads/2024/12/Mask-group-2024-12-31T131120.389.png); */
    border: 1px solid #ddd;
    /* border-radius: 8px; */
    text-align: center;
    /* padding: 17px; */
    px; */
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 10px;
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
}

.unveiling-image {
    /* margin-bottom: 0; */
    height: 230px;
    background: #E6E6E6;
}

.unveiling-image img {
    /* max-width: 100%; */
    display: block;
    margin: 0 auto;
    height: auto;
}

.unveiling-content-item h6 {
    margin: 0px 0 0px;
    color: #494b49;
    text-align: center;
    font-family: Manrope;
    font-size: 22px!important;
    font-style: normal;
    font-weight: 600!important;
    background: #D4D4D4;
    padding: 30px;
}

.slick-prev,.slick-next {
    width: 80px;
    height: 80px;
    border: none;
    background: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    display: none
}

.slick-next:before,.slick-prev:before {
    display: none
}

.unveiling-content button.slick-prev.slick-arrow {
    position: absolute;
    left: 100%!important;
    
    !important;
    width: 80px!important
}

.unveiling-content button.slick-next.slick-arrow {
    position: absolute;
    left: 0!important;
    width: 80px!important
}

.slick-prev img,.slick-next img {
    width: 100%;
    height: auto;
    display: block
}

@media (max-width: 1024px) {
	.comint-head h3 {
    font-size: 16px !important;
    padding: 15px;
}
	footer#colophon {
    padding-top: 15px;
}
            .page-id-11 .sliderInner h1 {
    font-size: 25px !important;
    line-height: 35px !important;
}
	    .management-section .tab-icon {
    margin-right: 8px;
    width: 65.347px;
    height: 40.189px;
    object-fit: contain;
}
    .unveiling-content-item {
        padding:15px
    }

    .slick-prev,.slick-next {
        width: 30px;
        height: 30px
    }

    .slick-prev {
        left: -40px
    }

    .slick-next {
        right: -40px
    }
	
}



@media (max-width: 600px) {
    .heading_title h2 {
        font-size:24px
    }

    .unveiling-content-item {
        padding: 10px
    }

    .slick-prev,.slick-next {
        width: 25px;
        height: 25px
    }

    .slick-prev {
        left: -30px
    }

    .slick-next {
        right: -30px
    }
}

.content-item {
    width: 100%
}

.journey-section {
    padding-bottom: 30px;
    padding-top: 50px;
}

.journey-para {
    width: 50%;
    padding-bottom: 30px
}

.journey-content {
    display: grid;
    justify-content: center;
    gap: 20px;
    grid-template-columns: repeat(4,1fr)
}
.journey-para p {
    display: none;
}
.journey-content-item h6 {
    margin-top: 20px;
    color: #D22030;
    text-align: center;
    font-family: Manrope;
    font-size: 20px!important;
    font-style: normal;
    text-transform: capitalize
}
.journey-image img {
    width: 100%;
}
.journey-content-item p {
    display: none;
}
.journey-content-item p {
    font-size: 14px!important;
    line-height: 24px!important;
    width: 100%;
    text-align: center
}

.commitment-content-item {
    width: 100%
}

.commitment-column .heading_title {
    width: 80%
}
.commitment-content-item h6 {
    background: #d1e7db;
    padding: 20px;
    color: #747975 !important;
}

.commitment-image img {
    width: 100%
}

.commitment-content-item img {
    transition: 2s
}

.commitment-image {
    overflow: hidden;
}

.commitment-content-item img:hover {
    transition: 2s;
    transform: scale(1.2);
    overflow: hidden
}

.commitment {
    padding-top: 25px;
    padding-bottom: 30px;
    background: #26d22012;
}

.commitment-content {
    display: grid;
    justify-content: center;
    gap: 20px;
    grid-template-columns: repeat(2,1fr);
    padding-top: 35px
}

.commitment-content-item h6 {
    margin-top: 0;
    color: #FFF;
    text-align: center;
    font-family: Manrope;
    font-size: 20px!important;
    ;font-style: normal;
    font-weight: 600!important;
    letter-spacing: -1px;
    position: relative;
    top: -50px
}

.industry-insights-section {
    padding: 50px 0;
    background-color: #fff
}

.industry-insights-section .heading_title h6 {
    display: flex;
    align-items: center
}

.industry-insights-section .row:nth-child(2) {
    border-top: 1px solid #505050;
    padding-top: 42px
}

.industry-insights-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%
}

.industry-insights-content-item:last-child {
    border-bottom: 1px solid #505050
}

.industry-insights-content-item {
    border-top: 1px solid #505050;
    padding: 10px 0
}

.industry-insights-content-item h6 {
    font-size: 20px!important;
    font-weight: 500!important;
    line-height: normal!important;
    color: #1E1E1E;
    font-family: Manrope;
    font-style: normal;
    letter-spacing: -1px
}

.industry-insights-content-item:first-child {
    border-top: 0
}

.our_products .product_item .product_item_row .product_item_content .product_item_content_detail h2 {
    color: #d22030;
    font-family: Manrope;
    font-size: 35px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: normal!important;
    letter-spacing: 1px
}

.product-section {
    padding: 50px 0;
    background-color: #fff
}

.product-icon-imag img {
    width: 60px;
    height: 60px
}

.our_products .post-content {
    color: #000;
    font-family: Josefin Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.our_products .product_item .product_item_row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.our_products .product_item .product_item_row .product_featured_image {
    width: 100%;
    max-width: 50%;
    padding: 0 0
}

.our_products .product_item .product_item_row .product_item_content {
    width: 100%;
    max-width: 50%;
    padding: 0 0 0 40px
}

.our_products .product_item:nth-child(even) .product_item_row {
    flex-direction: row-reverse
}

.our_products .product_item:nth-child(even) .product_item_row .product_item_content {
    padding: 0 40px 0 0
}

.our_products {
    padding: 0 0 0
}

.our_products .product_item .product_item_row .product_item_content .product_except_content {
    color: #000;
    font-family: Josefin Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.our_products .product_item .product_item_row .product_item_content a:last-child h6 {
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    margin: 0px!important
}

.our_products .product_item .product_item_row .product_item_content a {
    margin: 20px 0 0 auto
}

.our_products .product_item:nth-child(even) {
    padding: 0 0
}

.our_products .product_item .product_item_row .product_item_content .product_except_content p {
    color: #1E1E1E;
    font-family: Manrope;
    font-size: 20px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: normal!important;
    letter-spacing: 1px
}

.our_products .product_item .product_item_row .product_item_content .product_except_content ul li {
    color: #1E1E1E;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
    list-style: disc;
    position: relative;
    left: 20px;
    line-height: 20px;
}

.our_products .product_item .product_item_row .product_item_content .product_except_content ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    list-style: disc
}

.service-section .service-image {
    margin-top: 0
}

.service-slider .heading_title {
    width: 100%;
    margin: 0;
    padding-bottom: 40px
}

.service-section .section_heading .heading_title h2 {
    margin-top: 0;
    color: #fff
}

.service-title h4 {
    color: #fff;
    font-family: Manrope;
    font-size: 25px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 39.36px!important;
    margin: 0;
    transition: all 0.5s ease-in;
    position: relative
}

.service-title.slick-slide.slick-current.slick-active h4 {
    font-size: 35px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 39.36px!important;
    position: relative;
    left: 70px;
    transition: all 0.5s ease-in
}

.service-title.slick-slide.slick-current.slick-active h4:after {
    content: "";
    width: 60px;
    height: 3px;
    background-color: #fff;
    display: block;
    margin-right: 20px;
    position: absolute;
    top: 21px;
    bottom: 0;
    left: -70px;
    transition: all 0.5s ease-in
}

.service-section .section_heading {
    width: 100%;
    padding-bottom: 0
}

.service-section {
    position: relative
}

.service-slider {
    position: relative
}

.service_content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 100px 0 100px
}

.service-main-width {
    width: 85%
}

.service-thumb-width {
    width: 15%;
    margin-bottom: 50px
}

.service-thumb-width .service-title h4 {
    font-size: 25px;
    font-weight: 500;
    color: #ccc;
    margin-bottom: 25px
}

.service-thumb-width .service-title.slick-current h4 {
    color: #d22030;
    padding-left: 30px
}

.service-main {
    margin-bottom: 0!important
}

.service-inner {
    display: flex;
    align-items: end;
    justify-content: space-between
}

.service-left-content {
    margin-bottom: 0;
    width: 50%;
    position: relative;
    left: 0;
    padding: 10px 0 0
}

.service_content .container {
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.service-image-width .home-arrow {
    z-index: 9
}

.service-left-content h2 {
    font-size: 48px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 58px!important;
    margin-top: 20px;
    color: #fff
}

.service-left-content h5 {
    display: flex;
    align-items: center;
    color: #444
}

.service-left-content h5:before {
    content: "";
    width: 20px;
    height: 2px;
    background-color: #297228;
    display: block;
    margin-right: 20px
}

.service-left-content p {
    max-width: 75%;
    margin: 15px 0 30px;
    color: #fff!important;
    !i;!}

.service-image {
    width: auto;
    margin-top: 30px
}

.service-main-slide {
    width: 100%
}

.service-main .slick-list {
    overflow: visible
}

.service-main-slide.slick-current .nummber span {
    transform: translate(0)
}

.service-main ul.slick-dots {
    position: relative;
    bottom: 0;
    display: flex;
    padding-top: 20px!important
}

.service-main ul.slick-dots li {
    width: auto!important;
    height: auto!important;
    margin: 0;
    padding: 0 5px
}

.service-main ul.slick-dots li.slick-active button {
    background-color: #d22030;
    font-size: 0!important;
    border-radius: 30px
}

.service-main ul.slick-dots li.slick-active button:before {
    display: none
}

.service-main ul.slick-dots li:hover button {
    background-color: #d22030
}

.service-main ul.slick-dots li button {
    background-color: #d6d6d6;
    font-size: 0!important;
    border-radius: 30px;
    width: 8px!important;
    height: 8px!important
}

.service-main ul.slick-dots li button:before {
    display: none
}

.service-title {
    position: relative
}

.service-thumb-width .service-title .arrow {
    position: absolute;
    top: 15px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 20px;
    border-color: transparent transparent transparent #d22030;
    transition: top 0.3s ease;
    opacity: 0
}

.service-thumb-width .service-title.slick-current .arrow {
    opacity: 1
}

.load-more-btn a {
    background-color: #d22030;
    border: 1px solid #d22030;
    margin-right: 0;
    color: #fff!important;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 131px;
    height: 52px;
    align-items: center;
    display: flex!important;
    justify-content: center;
    margin: 0 auto
}

.load-more-btn {
    margin-top: 80px
}

p.no-more-posts-message {
    color: #fff;
    font-family: Manrope;
    font-size: 18px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 18px!important;
    letter-spacing: 1px;
    margin: 80px 0 0px!important;
    text-align: center
}

.project-slider {
    width: 100%;
    margin: 0 0 0 auto;
    margin-left: calc((100% - 1000px) / 3)
}

.projects-section .heading_title h2 {
    width: 90%
}

.projects-section .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.projects-section .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 .home-arrow {
    position: relative;
    right: 0;
    bottom: 0
}

.projects-section {
    padding: 50px 0 0 0;
    background-color: #F6F6F6
}

.projects-section .section_heading {
    padding-bottom: 0
}

.projects-section .tab-content {
    margin-bottom: 70px
}

.project-items {
    margin: 0 0;
    position: relative;
    border-radius: 10px
}

.home .project-items {
    margin: 0 10px
}

.project-images img {
    width: 100%
}

.project-images {
    overflow: hidden;
    position: relative;
    border-radius: 10px
}

.project-images:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: -1;
    transition: all 0.5s ease-in
}

.project-images img {
    transition: all 0.5s ease-in
}

.project-items:hover img {
    opacity: 1;
    transform: scale(1.1);
    border-radius: 10px
}

.project-headings {
    position: absolute;
    z-index: 99;
    bottom: 0;
    color: #fff;
    padding: 0 20px 20px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.project-headings h3 {
    color: #fff;
    font-family: Manrope;
    font-size: 18px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: normal!important;
    letter-spacing: 1px;
    margin-bottom: 0
}

.project-headings span {
    font-size: 25px;
    font-weight: 600;
    transform: rotate(-45deg);
    transition: all 0.5s ease-in
}

.project-items:hover .project-headings span {
    transform: rotate(0deg)
}

.site-info span a {
    color: #d22030!important
}

footer.site-footer {
    background-image: url(/emirates-extrusion-2/wp-content/uploads/2024/12/Mask-group-100.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background: #000000e3;
}

.copyright .container {
    border-top: 1px solid rgb(255 255 255 / 15%)
}

.copyright .footer-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 0
}

.footer-col2 {
    flex: 0 0 18%;
    position: relative
}

.contact_email {
    display: flex;
    align-items: center
}

.contact_email h6 {
    margin: 0;
    padding-left: 0;
    color: #fff;
    font-family: Manrope;
    font-size: 20px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 20px!important;
    letter-spacing: 1px;
    padding-left: 30px;
}

.main-footer .footer-col1 .row p {
    color: #aaa;
    font-family: 'MANROPE';
    font-size: 18px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 18px!important;
    text-transform: lowercase;
    padding-top: 15px;
    margin: 0;
    width: 100%
}

.footer-widget h5 {
    color: #fff;
    font-family: Manrope;
    font-size: 25px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 25px!important;
    letter-spacing: 1px;
    padding: 0 0 20px 0;
    position: relative
}

.menu {
    padding-top: 0px!important
}

.footer-widget h5:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 65%;
    height: 1px;
    background-color: rgb(255 255 255 / 15%);
    display: block
}

.footer-col3 {
    flex: 0 0 15%;
    position: relative
}

.footer-col5 {
    flex: 0 0 15%;
    position: relative
}

.main-footer {
    display: flex;
    justify-content: space-between;
    padding: 60px 0;
}

.main-footer .footer-col1 {
    flex: 0 0 35%;
    position: relative
}

.main-footer .footer-col1 img {
    margin-bottom: 0
}

.main-footer .footer-col1 p {
    margin: 0 0 40px;
    color: #fff;
    font-family: 'MANROPE';
    font-size: 35px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 50px!important;
    letter-spacing: 1px;
    width: 100%;
    padding-bottom: 10px;
    padding-left: 30px;
}

ul.footer-socialnav {
    display: flex
}

ul.footer-socialnav li a {
    color: #fff;
    margin-right: 0;
    font-size: 20px
}

footer h4 {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
    font-size: 22px !important;
}

.footer-widget ul.menu li a {
    color: #fff;
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.footer-widget ul.menu li {
    margin-bottom: 6px;
    color: #aaa;
    font-family: "Manrope";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px
}

.menu-footer-quick-links-container {
    display: grid;
    grid-template-columns: 200px auto
}

.main-footer .footer-col4 {
    flex: 0 0 15%;
    position: relative
}

ul.contact_info,ul.contact_info li a {
    color: #000
}

ul.contact_info li {
    margin-bottom: 18px;
    display: flex
}

ul.contact_info li span {
    color: #d22030;
    margin-right: 10px
}

.copyright {
    padding: 20px 0
}

.footer-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: space-between
}

.footer-social-icon p {
    margin: 0;
    color: #fff;
    font-family: Manrope;
    font-size: 20px!important;
    font-style: normal;
    font-weight: 600!important;
    line-height: 25px!important;
    letter-spacing: 1px;
    border-right: 1px solid rgb(255 255 255 / 15%);
    padding-right: 15px
}

.footer-socialnav li {
    text-align: right;
    margin-left: 15px
}

.site-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 25px;
}

.site-info p {
    margin: 0;
    color: #fff
}

.site-info ul {
    display: flex
}

.site-info ul li:first-child:after {
    content: "|";
    margin: 0 30px
}

.site-info p a {
    color: #fff
}

.cs-search-wrapper h2.entry-title a {
    color: #fff;
    font-family: Articulat CF;
    font-size: 32px;
    font-weight: 600;
    text-decoration: none
}

.cs-search-wrapper {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    grid-column-gap: 2%;
    grid-row-gap: 30px
}

main#primary header.page-header {
    margin-bottom: 35px
}

body.search .not-found {
    text-align: center
}

.error404 header.page-header h1,body.search header.page-header h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 600
}

.error404 form.search-form input.search-field,body.search form.search-form input.search-field {
    border: 1px solid #fff;
    width: 100%;
    padding: 11px;
    margin-right: 10px
}

.error404 form.search-form input.search-submit {
    padding: 16px 45px!important;
    color: #fff!important;
    background-color: #fff;
    border: 0px!important;
    line-height: 17px;
    font-weight: 600;
    font-size: 18px;
    transition: all ease-in-out 0.3s;
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer
}

body.search form.search-form input.search-submit {
    padding: 16px 45px!important;
    color: #141414!important;
    background-color: #fff;
    border: 0px!important;
    line-height: 17px;
    font-weight: 600;
    font-size: 18px;
    transition: all ease-in-out 0.3s;
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer
}

.error404 form.search-form input.search-submit:hover,body.search form.search-form input.search-submit:hover {
    background-image: none!important;
    background-color: #fff
}

.error404 form.search-form label,body.search form.search-form label {
    display: inline-flex;
    width: 50%
}

.searching-content-area,.error404 .content-area {
    padding: 80px 15px;
    background-color: #fff;
    position: relative
}

span.screen-reader-text {
    display: none
}

.error404 .widget {
    display: none
}

section.error-404.not-found {
    text-align: center
}

body.search article {
    border: 1px solid;
    margin-bottom: 30px;
    padding: 20px 25px;
    box-shadow: 0 0 15px -6px #fff
}

.top-image {
    margin-bottom: 20px
}

.top-image img {
    height: 300px;
    object-fit: cover
}

.custom-search .content h2 {
    color: #fff;
    font-style: normal;
    font-size: 30px!important;
    line-height: 50px!important
}

.custom-search .content h2 a {
    color: inherit;
    text-decoration: inherit;
    transition: all 0.2s ease-in
}

.custom-search .content h2 a:hover {
    color: #fff
}

.custom-search p {
    margin-bottom: 15px!important
}

.postt-navv {
    margin-top: 40px
}

.nav-links a {
    color: #fff;
    text-decoration: none
}

.nav-previous a:before {
    content: "\f100";
    font-family: "FontAwesome";
    margin-right: 10px
}

.nav-next a:after {
    content: "\f101";
    font-family: "FontAwesome";
    margin-left: 10px
}

.latestnews-section .heading_title h2 {
    width: 100%
}

.latestnews-section .row {
    align-items: center;
}

.projects-section .row {
    align-items: center;
    padding-bottom: 30px
}

.industry-insights-section .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
    padding-bottom: 70px
}

.latestnews-section .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
    padding-bottom: 60px
}

.projects-section .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
    padding-top: 0
}

.latestnews-section .row .col-lg-4.col-md-4.col-sm-12.col-xs-12,.projects-section .row .col-lg-4.col-md-4.col-sm-12.col-xs-12,.industry-insights-section .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
    text-align: right
}

.latestnews-section {
    position: relative;
    background-color: #fff;
    padding: 50px 0;
}

.latestnews-section:after {
    content: "";
    background-image: url(/emirates-extrusion-2/wp-content/uploads/2024/02/news_update_bg.png);
    height: 100%;
    position: absolute;
    top: 0
}

.news-item .item-content a span {
    margin-left: 20px
}

.custom-news .news-item p {
    color: #000;
    font-family: 'Manrope';
    font-style: normal;
    margin: 0 0 15px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.custom-news .news-item p:first-child {
    color: #D22030;
    font-family: Manrope;
    font-size: 16px!important;
    !I;!;font-style: normal;
    font-weight: 400;
    line-height: 25px!important;
    !I;!;letter-spacing: 1px;
    margin: 0 0 15px 0;
    position: relative;
    padding-left: 15px
}

.news-item.news1,.news-item.news2,.news-item.news3 {
    overflow: hidden
}

.news1 img,.news2 img,.news3 img {
    transition: all 0.4s ease-in
}

.news1 img:hover,.news2 img:hover,.news3 img:hover {
    transform: scale(1.1)
}

.custom-news .news-item p:first-child:after {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #D22030;
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 100%
}

.custom-news {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr);
    grid-column-gap: 0;
    grid-row-gap: 0
}

.custom-news .news-item:first-child {
    grid-area: 1 / 1 / 3 / 2;
    padding-right: 10px
}

.custom-news .news-item:nth-child(2) {
    grid-area: 1 / 2 / 2 / 3
}

.custom-news .news-item:last-child {
    grid-area: 2 / 2 / 3 / 3
}

.custom-news .news-item:nth-child(2),.custom-news .news-item:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px
}

.news-item.news1 .item-content {
    padding-top: 41px
}

.custom-news .news-item h4 {
    font-style: normal;
    letter-spacing: 1px;
    margin: 0 0 15px 0;
    font-family: Manrope;
    font-size: 22px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 34px!important;
    letter-spacing: 1px
}

.news1 .item-content p {
    width: 84%
}

.custom-news .news-item a {
    color: #D22030;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center
}

.news2 .item-content h4,.news3 .item-content h4 {
    color: #000;
    font-family: Manrope;
    font-size: 22px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 34px!important;
    letter-spacing: -1.1px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.news1 img {
    width: 100%
}

.events_video video {
    width: 40%
}

.events_video {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px
}

.custom-news .news-item:nth-child(2),.custom-news .news-item:last-child {
    padding-left: 10px
}

.news-and-events {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.news-and-events .news-item img {
    width: 100%;
    height: 388px;
    overflow: hidden;
    object-fit: cover
}

.news-and-events .news-item a {
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center
}

.news-and-events .news-item a {
    color: #d22030
}

.news-and-events .news-item span img {
    height: auto
}

.news-and-events .item-content {
    padding-top: 32px
}

.recentpost-section .home-arrow button {
    border: 0 solid!important;
    background: transparent!important;
    padding: 0px!important
}

.recentpost-section {
    background-image: url(/emirates-extrusion-2/wp-content/uploads/2024/03/recent-pot-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0;
    position: relative
}

.news-and-events .item-content h4 {
    color: #1E1E1E;
    font-family: Manrope;
    font-size: 22px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 34px!important;
    letter-spacing: -1.1px
}

.recentpost-section .news-and-events .news-item.slick-slide {
    margin: 0 15px
}

.recentpost-section .home-arrow {
    width: 100%;
    right: 0;
    left: 0;
    justify-content: space-between;
    top: 50%;
    bottom: 50%
}

.recentpost-section .home-arrow .slick-arrow {
    padding: 0
}

.recentpost-section .container {
    position: relative
}

.recentpost-section .home-arrow .slick-arrow:first-child {
    position: relative;
    right: 100px
}

.recentpost-section .home-arrow .slick-arrow:last-child {
    position: relative;
    left: 100px
}

.certificate {
    justify-content: space-between;
    align-items: center;
    margin-top: -315px
}

.our_certificates .certificate_item .certificate_featured_image img {
    filter: grayscale(100%)
}

.our_certificates .certificate_item:hover .certificate_featured_image img {
    filter: grayscale(0%)
}

#certificate_slider {
    z-index: 9;
    position: relative
}

.certificate_row {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(1,1fr);
    grid-gap: 0;
    width: 870px;
    margin: 0 0 0 auto;
    -moz-transform: scale(-1,1);
    -webkit-transform: scale(-1,1);
    -o-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.certificate_item {
    width: 218px;
    height: 147px;
    align-items: center;
    justify-content: center;
    display: flex;
    border: 1px solid #353535
}

.certificate_item:nth-child(9) {
    grid-area: 2 / 1 / 3 / 3
}

.certificate_item:nth-child(8) {
    grid-area: 3 / 1 / 4 / 4
}

.certificate_item:nth-child(7) {
    grid-area: 4 / 1 / 5 / 5
}

.certificate_item:nth-child(6) {
    grid-area: 2 / 3 / 3 / 5
}

.certificate_item:nth-child(5) {
    grid-area: 3 / 3 / 4 / 6
}

.certificate_item:nth-child(4) {
    grid-area: 4 / 3 / 5 / 7
}

.certificate_item:nth-child(3) {
    grid-area: 3 / 6 / 4 / 8
}

.certificate_item:nth-child(2) {
    grid-area: 4 / 7 / 5 / 8
}

.certificate_item:nth-child(1) {
    grid-area: 4 / 9 / 5 / 11
}

.certificate_item:nth-child(11) {
    grid-area: 4 / 11 / 5 / 13
}

.certificate_item:nth-child(12) {
    grid-area: 4 / 13 / 5 / 15
}

.certificate_item .certificate_featured_image img {
    transform: scale(-1,1)
}

.certificate_item:hover .certificate_featured_image img {
    mix-blend-mode: color-burn
}

.certificate_sec {
    position: relative
}

.certificate_sec p {
    width: 56%
}

.certificate-section {
    background: #fff;
    padding: 100px 0 0 0
}

.certificate-section p {
    padding-bottom: 30px
}

.heading_content p {
    color: #353535;
    font-family: 'MANROPE';
    font-size: 20px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 26px!important;
    width: 42%;
    margin: 20px 0 20px 0
}

.certificate-section .section_heading {
    padding: 0;
    padding-top: 30px
}

.certificate-section .heading_title h2 {
    width: 100%
}

a.header_btn:hover {
    background-color: #d22030;
    color: #fff;
    border: 1px solid #d22030
}

.main-navigation ul li a:hover {
    color: #d22030
}

.industry-insights-img img {
    transition: all 0.4s ease-in
}

.industry-insights-img img:hover {
    transform: scale(1.1)
}

.industry-insights-img {
    overflow: hidden
}

.product_featured_image {
    overflow: hidden
}

.product_featured_image img:hover {
    transform: scale(1.1)
}

.product_featured_image img {
    transition: all 0.4s ease-in
}

.contact-us-any-time h6,.contact-us-any-time h2 {
    color: #fff
}

.contact-form-section {
    padding: 80px 0;
    background-color: #fff;
    position: relative
}

textarea::placeholder {
    color: #909090!important
}

input::placeholder {
    color: #909090!important
}

.contact-form-section:after {
    content: "";
    background-image: url(/emirates-extrusion-2/wp-content/uploads/2024/03/let-talks.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    width: 100%;
    height: 900px;
    position: absolute;
    bottom: -190px
}

.contact-info-section {
    padding: 50px 0 0;
    background-color: #fff
}

.contact-info-item {
    background: #1e1e1e;
    padding: 40px 30px;
    text-align: center
}

.contact-info-item h2 {
    color: #1E1E1E;
    font-family: Manrope;
    font-size: 25px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 20px!important;
    letter-spacing: -.75px;
    margin: 20px 0
}

.contact-info-item p,.contact-info-item p a,.contact-info-item .contact-no span {
    color: #1E1E1E;
    font-family: "Manrope";
    font-size: 20px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 30px!important;
    text-transform: lowercase;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 70px
}

.contact-no {
    display: flex;
    align-items: center;
    justify-content: center
}

.contact-no p {
    margin-bottom: 0
}

.contact-info-item .contact-no span {
    margin: 0 10px
}

.contact-info-section .row {
    margin-bottom: -91px;
    position: relative;
    z-index: 9
}

.contact-info-item {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: background-color 0.3s ease
}

.contact-info-item:hover {
    background-color: #000;
    background-image: url(/emirates-extrusion-2/wp-content/uploads/2025/01/contact-hover.png)
}

.contact-info-item:hover h2,.contact-info-item:hover p,.contact-info-item:hover p a,.contact-info-item:hover .contact-no span {
    color: #fff
}

.contact-form-section .section_heading .heading_title h2 {
    width: 60%
}

.sliderInner .inner-content .breadcrum p {
    margin-bottom: 0
}

#breadcrumbs span a,#breadcrumbs span {
    color: #fff;
    font-family: "Manrope";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: -.8px
}

.inner-banner .sliderInner .inner-content {
    top: 125px
}

#breadcrumbs span a,#breadcrumbs span {
    color: #fff;
    font-family: 'MANROPE';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: -.8px
}

.enquiry-form input {
    border: 1px solid #484848!important;
    background-color: #fff0;
    height: 52px;
    border-radius: 0px!important;
    width: 100%;
    margin-bottom: 24px;
    padding: 0 30px!important;
    color: #ffffff!important
}

.enquiry-form textarea {
    border: 1px solid #484848;
    background-color: #fff0;
    height: 208px;
    border-radius: 0;
    width: 100%;
    margin-bottom: 24px;
    padding: 15px 30px;
    color: #ffffff!important
}

.enquiry-form .button-submit input.wpcf7-submit {
    background-color: #d22030;
    border: 1px solid #d22030!important;
    color: #fff!important;
    !i;!;font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 195px;
    height: 52px
}

.contact-form-section .heading_bg {
    position: relative;
    left: -200px
}

.inner-banner {
    position: relative
}

.inner-banner:before {
    content: "";
    background-image: url(/emirates-extrusion-2/wp-content/uploads/2024/08/image002.jpg);
    width: 40px;
    height: 183px;
    display: block;
    position: fixed;
    top: 160px;
    z-index: 9;
    background-repeat: no-repeat;
    right: 0
}

.contact_form_sec {
    position: relative;
    z-index: 9;
    padding-top: 0
}

.about-company-profile-sec {
    padding: 80px 0 80px;
    background-color: #141414;
    position: relative
}

.about-company-profile-sec .heading_bg {
    position: relative;
    left: -200px
}

.about-company-profile-sec .mission-vision-item .heading_bg {
    left: 0
}

.about-company-profile-sec:after {
    content: "";
    background-image: url(/emirates-extrusion-2/wp-content/uploads/2025/01/about-bgrnd.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    width: 100%;
    height: 1727px;
    position: absolute;
    bottom: 0;
    left: 0
}

.director-message {
    background: #141414;
    padding: 50px 0 100px;
    background-image: url(/emirates-extrusion-2/wp-content/uploads/2024/03/director-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.director-message .heading_bg span {
    opacity: .4;
    background: linear-gradient(180deg,#555 0%,rgba(0,0,0,0) 87.19%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.about-us-certificate .certificate-section {
    padding: 80px 0
}

.about-company-profile-sec .heading_title h2 {
    margin-top: 0;
    padding-bottom: 40px
}

.about-company-profile-sec .heading_title h6 {
    display: flex;
    align-items: center
}

.about-company-profile-sec .heading_title {
    border-bottom: 1px solid #505050
}

.company_profile_sec {
    position: relative;
    z-index: 9
}

.company_profile_content {
    padding-top: 60px
}

.mission-vision-item {
    width: 45%
}

.about-company-profile-sec .mission-vision-sec .heading_title h6:before {
    display: none
}

.about-company-profile-sec .mission-vision-sec .heading_title {
    border-bottom: 0 solid #505050
}

.mission-vision-sec {
    position: relative;
    z-index: 9;
    padding: 80px 0 0
}

.about-company-profile-sec .mission-vision-sec .heading_bg span {
    leading-trim: both;
    text-edge: cap;
    font-size: 110px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    background: linear-gradient(180deg,#1f1f1f 0%,rgba(16,16,16,0) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg,rgba(31,31,31,.05) 0%,rgba(16,16,16,0) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.about-company-profile-sec .mission-vision-sec .heading_title h6 {
    color: var(--Red,#d22030);
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 35px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: normal!important;
    letter-spacing: -1.75px;
    text-transform: uppercase
}

.about-company-profile-sec .mission-vision-sec .section_heading {
    padding-bottom: 20px
}

.mission-vision-content p {
    width: 70%
}

.mission-vision-content {
    padding-bottom: 20px
}

.mission-vision-row {
    position: relative
}

.mission-vision-row .mission-vision-item:nth-child(odd) {
    margin: 0 0 0 auto
}

.mission-vision-row .mission-vision-item:nth-child(even) {
    margin: 0 auto 0 0;
    text-align: right
}

.mission-vision-row .mission-vision-item:nth-child(even) .heading_title h6 {
    justify-content: end;
}

.mission-vision-row .mission-vision-item:nth-child(even) .mission-vision-content p {
    margin: 0 0 16px auto
}

.mission-vision-row:after {
    content: "";
    -moz-column-rule-style: dashed;
    -webkit-column-rule-style: dashed;
    column-rule-style: dashed;
    -moz-column-rule-color: blue;
    -webkit-column-rule-color: #505050;
    column-rule-color: #505050;
    -moz-column-rule-width: thin;
    -webkit-column-rule-width: thin;
    column-rule-width: thin;
    border: 1px dashed #505050;
    width: 1px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    transform: translateX(-50%)
}

.pointer-image {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9
}

.inner-about-us-sec .about-section {
    padding: 0 0 120px
}

.inner-about-us-sec .about-column {
    display: block
}

.inner-about-us-sec .about-section .about-image-row .about-image {
    width: 20%;
    margin: 0 15px
}

.inner-about-us-sec .about-section .about-image-row {
    justify-content: center;
    gap: 20px;
}

.inner-about-us-sec .about-section .about-image-row .about-image:nth-child(2),.inner-about-us-sec .about-section .about-image-row .about-image:nth-child(4) {
    top: 0
}

.inner-about-us-sec .about-content {
    text-align: center;
    width: 100%;
    margin: 0 auto 15px;
}

.inner-about-us-sec .about-content h6:before {
    display: none
}

.inner-about-us-sec .about-content h6 {
    justify-content: center
}

.inner-about-us-sec .about-column .learn-more {
    text-align: center;
    margin: 50px 0 0
}

.director-message .director-message-image,.director-message .section_heading,.director-message .director-message-content {
    text-align: center
}

.director-message .heading_title h2 {
    margin-top: 0
}

.director-message .heading_title {
    margin-top: -100px
}

.director-message .section_heading {
    padding-bottom: 30px
}

.director-message .heading_title {
    margin-top: -100px
}

.director-message .section_heading {
    padding-bottom: 30px
}

.director-message-content {
    width: 85%;
    margin: 0 auto
}

.director-bio {
    margin-top: 30px
}

.director-bio h3 {
    color: #fff;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 30px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: normal!important;
    letter-spacing: -1.5px;
    text-transform: uppercase;
    margin: 0
}

.director-bio h6 {
    color: var(--Red,#d22030);
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 18px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 18px!important;
    letter-spacing: -.54px;
    margin: 10px 0
}

.director-bio h5 {
    color: #fff;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 20px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 18px!important;
    letter-spacing: -.6px;
    margin: 0
}

.pointer-image {
    transition: top 0.3s ease
}

.mission-vision-sec.fixed .pointer-image {
    position: fixed
}

#myModal .modal-dialog {
    width: 100%;
    max-width: 1250px;
    border-radius: 0px!important
}

#myModal .modal-dialog .modal-content {
    border-radius: 0;
    opacity: .98;
    background: #141414;
    position: relative;
    background-image: url(/emirates-extrusion-2/wp-content/uploads/2024/03/popup-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom
}

#myModal .cs-search-form input {
    width: 100%;
    border-radius: 0px!important;
    border: 1px solid #484848!important;
    margin: 0 0;
    padding: 15px 30px!important;
    background-color: transparent;
    color: #ffffff!important
}

.cs-search-form button {
    background: #d22030;
    border: 1px solid #d22030!important;
    height: 56px;
    color: #fff;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    line-height: 26px;
    padding: 10px 40px
}

#myModal .modal-dialog .modal-content .btn-close {
    position: absolute;
    right: 0;
    color: #ffffff!important;
    z-index: 9;
    opacity: 1;
    border: 1px solid #fff;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    top: 0;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(197deg) brightness(104%) contrast(107%);
    font-size: 9px
}

#myModal .modal-dialog .modal-content .popup-row {
    padding: 50px 50px 50px 50px
}

#myModal .modal-dialog .modal-content .popup-row h6 {
    color: #fff;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 18px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 18px!important;
    letter-spacing: -.54px;
    margin-bottom: 0
}

#myModal .modal-dialog .modal-content .popup-row h2 {
    color: #fff;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 60px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 70px!important;
    letter-spacing: -3px;
    margin-bottom: 0
}

#myModal .modal-dialog .modal-content .modal-body {
    padding: 0px!important
}

.cs-search-form label {
    width: 100%
}

.cs-search-form {
    position: relative;
    margin-top: 0
}

.cs-search-form button {
    position: absolute;
    right: 0
}

#orderpopup .modal-dialog {
    width: 100%;
    max-width: 1250px;
    border-radius: 0px!important
}

#orderpopup .modal-dialog .modal-content {
    border-radius: 0;
    opacity: .98;
    /* background: #000; */
    position: relative;
    /* background-image: url(/emirates-extrusion-2/wp-content/uploads/2024/03/popup-bg.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom
}

.contact_form_sec input {
    width: 100%;
    border-radius: 0px!important;
    border: 1px solid #484848!important;
    margin: 10px 0;
    padding: 15px 30px!important;
    background-color: transparent;
    color: #000!important;
    )!important;))!important;)))!important;))!important;)!important;
    font-family: 'Manrope';
    }

.contact_form_sec textarea {
    width: 100%;
    border-radius: 0;
    height: 150px;
    border: 1px solid #484848;
    margin: 10px 0;
    padding: 15px 30px;
    background-color: transparent;
    color: #000!important;
    resize: none
}

.contact_form_sec input.wpcf7-submit {
    background: #d22030;
    border: 1px solid #d22030!important;
    width: 195px;
    height: 52px;
    color: #fff !important;!I;!;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

#orderpopup .modal-dialog .modal-content .btn-close {
    position: absolute;
    right: 30px;
    color: #ffffff!important;
    z-index: 9;
    opacity: 1;
    border: 1px solid #fff;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    top: 30px;
    /* filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(197deg) brightness(104%) contrast(107%); */
}

#orderpopup .modal-dialog .modal-content .popup-row {
    padding: 80px 125px 80px
}

#orderpopup .modal-dialog .modal-content .popup-row h6 {
    color: #1e1e1e;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 18px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 18px!important;
    letter-spacing: -.54px;
    margin-bottom: 0
}

#orderpopup .modal-dialog .modal-content .popup-row h2 {
    color: #1e1e1e;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 60px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 70px!important;
    letter-spacing: -3px;
    margin-bottom: 0
}

#orderpopup .modal-dialog .modal-content .modal-body {
    padding: 0px!important
}

.order-form .col-lg-12.col-md-12.col-sm-12.col-xs-12:nth-child(10) .form-input .wpcf7-form-control-wrap {
    border: 1px solid #484848;
    padding: 15px 30px;
    cursor: pointer
}

.order-form .col-lg-12.col-md-12.col-sm-12.col-xs-12:nth-child(10) .form-input .wpcf7-form-control-wrap::before {
    content: "Choose File";
    color: #1e1e1e;
}

.order-form .col-lg-12.col-md-12.col-sm-12.col-xs-12:nth-child(10) .form-input .wpcf7-form-control-wrap input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    padding: 0px!important;
    margin: 0px!important
}

.order-form .col-lg-12.col-md-12.col-sm-12.col-xs-12:nth-child(10) {
    margin: 20px 0
}

#file-name {
    position: absolute;
    left: 160px;
    width: 500px;
    color: #1e1e1e;
    font-family: "Manrope";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.order-form .col-lg-12.col-md-12.col-sm-12.col-xs-12:nth-child(10) .form-input {
    position: relative
}

:focus-visible {
    outline: -webkit-focus-ring-color auto 0px!important
}

input::placeholder {
    color: #fff
}

textarea::placeholder {
    color: #fff
}

.commercial-service-section .col-lg-6.col-md-6.col-sm-12.col-xs-12:nth-child(1) .image {
    position: sticky!important;
    top: 10px
}

.commercial-product-section {
    padding: 70px 0;
    background-color: #fff
}

.commercial-product-section .heading_title h2 {
    margin-top: 15px
}

.product_detail .content h6 {
    color: #000000;
    font-family: "Manrope";
    font-size: 20px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 34px!important;
    letter-spacing: -1px;
    margin: 35px 0;
}

.product_detail .content ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.product_detail .content ul li {
    width: 100%;
    max-width: 23.45%;
    background: #E3E3E3;
    height: 100px;
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1E1E1E;
    text-align: center;
    font-family: 'MANROPE';
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -1.1px;
    flex-direction: column
}

.product_detail .content p:nth-child(3) {
    margin: 20px 0;
}

.product_detail .content .row .product-right-content p {
    margin: 0 0 30px
}

.contact-us-any-time {
    position: relative
}

.contact-us-any-time .contact-time-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(0%);
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.contact-us-any-time .contact-time-content .heading_title h2 {
    margin-top: 20px;
    width: 100%;
    line-height: 70px!important
}

.contact-us-any-time .contact-time-content .section_heading {
    padding-bottom: 20px;
}

.contact-time-info p {
    width: 45%
}

.contact-time-info-btn {
    display: flex;
    align-items: center
}

.contact-time-info-btn a.header_btn {
    width: 240px
}

.commercial-product-section .heading_bg,.contact-us-any-time .heading_bg {
    position: relative;
    left: -200px
}

.product_detail .content-row-items {
    padding: 25px 0 0;
}

.product_detail .content-row-items .row:nth-child(odd) {
    flex-direction: row-reverse
}

.product_detail .content-row-items .row {
    padding: 25px 0;
    align-items: center
}

.product_detail .content-row-items .row h3 {
    color: #000000;
    font-family: "Manrope";
    font-size: 20px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 34px!important;
    letter-spacing: -1px
}

.product_detail .content .content-row-items .row .product-right-content p {
    margin: 0
}

.product_detail .content-row-items .row:nth-child(odd) .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
    padding-right: 50px
}

.product_detail .content-row-items .row:nth-child(even) .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
    padding-left: 50px
}

.postid-291 .product_detail .content-row-items {
    border-top: 1px solid #DADADA;
}
.product_detail .content >p {
    padding-bottom: 25px;
}

.service-sec {
    padding: 115px 0 115px;
    background-color: #fff;
    position: relative
}

.service-sec .service-item-sec .row .service-item-detail .heading_bg span {
    font-size: 80px;
    line-height: 90px;
    width: 100%;
    display: block
}

.service-sec .service-item-sec .row .service-item-detail .heading_title {
    margin-top: 0px;
}

.service-sec .service-item-sec .row .service-item-detail .section_heading {
    padding-bottom: 10px
}

.service-sec h6 {
    line-height: 34px!important;
    letter-spacing: -.9px;
    margin: 10px 0
}

.service-item-container .service-item-sec {
    width: 100%;
    max-width: 50%;
    padding: 25px 0
}

.service-item-container:before {
    content: "";
    background-image: url(/emirates-extrusion-2/wp-content/uploads/2024/03/circle-icon-img.png);
    width: 72px;
    height: 72px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
    animation-name: rotate;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: none
}

.service-sec .heading_title h2 {
    margin-top: 0
}

.service-item-container .service-item-sec:first-child:before {
    content: "";
    border: 1px solid #d22030;
    width: 1px;
    height: 140px;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1
}

.service-item-sec .row .service-item-image {
    width: 100%;
    max-width: 80px;
    height: 80px;
    background-color: #d22030;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 9;
    top: 15px
}

.service-item-sec .row .service-item-detail {
    width: 100%;
    max-width: 88%
}

.service-item-container:after {
    content: "";
    -moz-column-rule-style: dashed;
    -webkit-column-rule-style: dashed;
    column-rule-style: dashed;
    -moz-column-rule-color: blue;
    -webkit-column-rule-color: #505050;
    column-rule-color: #505050;
    -moz-column-rule-width: thin;
    -webkit-column-rule-width: thin;
    column-rule-width: thin;
    border: 1px dashed #505050;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 10px;
    left: 50%;
    right: 50%;
    transform: translateX(-50%)
}

.service-sec .container:before {
    content: "";
    background-image: url(/emirates-extrusion-2/wp-content/uploads/2024/03/circle-icon-img.png);
    width: 72px;
    height: 72px;
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
    animation-name: rotate;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: none
}

@keyframes rotate {
    from {
        transform: rotate(-360deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.service-item-container .service-item-sec:last-child:before {
    content: "";
    border: 1px solid #d22030;
    width: 1px;
    height: 140px;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1
}

.service-item-container .service-item-sec:nth-child(even) {
    margin: -30% 0 0 auto
}

.service-item-container .service-item-sec:nth-child(odd) {
    margin: 0 auto 0 0;
    text-align: right
}

.service-item-container .service-item-sec:nth-child(odd) .row .service-item-image {
    order: 2
}

.service-item-container .service-item-sec:nth-child(odd) .row .service-item-detail {
    order: 1
}

.service-item-container .service-item-sec:nth-child(even) .service-item-image {
    right: 28px
}

.service-item-container .service-item-sec:nth-child(odd) .service-item-image {
    right: -30px
}

.service-item-sec .row .service-item-detail .heading_title h2 {
    margin-top: 40px
}

.service-item-container {
    position: relative;
    padding: 200px 0
}

.service-item-sec .row .service-item-detail .heading_title h2 a {
    color: #1E1E1E
}

.read-more a {
    color: #fff!important;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-bottom: 1px solid #484848;
    padding-bottom: 5px
}

.read-more a span {
    margin-left: 10px
}

.service-sec .section_heading {
    text-align: center;
    width: 80%;
    margin: 0 auto
}

.service-item-container .service-item-sec:nth-child(odd) .row .service-item-detail .section_heading {
    width: 100%;
    text-align: right
}

.service-item-container .service-item-sec:nth-child(even) .row .service-item-detail .section_heading {
    width: 100%;
    text-align: left
}

.commercial-service-section {
    padding: 100px 0;
    background-color: #fff
}

.commercial-service-section .heading_title h2 {
    margin-top: 0
}

.commercial-service-section .heading_bg {
    position: relative;
    left: -200px
}

.commercial-service-section .section_heading {
    padding-bottom: 0
}
.postid-1263 .commercial-service-section .section_heading {
    padding: 0px;
}

.commercial-service-content .content h6 {
    padding: 0 0 30px 0;
    margin: 0;
    color: #1E1E1E;
    font-family: 'Manrope';
    font-size: 20px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 34px!important;
    letter-spacing: 0;
}
p.em {
    padding-bottom: 20px;
}

.Counter_content p:nth-child(1) {
    padding-bottom: 20px;
}
.comer ul {
    padding-top: 10px !important;
}

.comer ul li {
    font-family: 'Manrope';
    font-size: 16px;
}
.commercial-service-content .row {
    padding-top: 30px;
}
.commercial-service-content .row:nth-child(even) {
    /* align-items: center !important; */
}

.commercial-service-content .row .service-right-content h6 {
    padding: 0px 0 10px 0;
}

.commercial-service-content .row .service-right-content ul li strong {
    color: #1E1E1E;
    font-family: 'MANROPE';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -.9px
}

.commercial-service-content .row .service-right-content ul li {
    position: relative;
    padding-left: 20px
}

.commercial-service-content .row .service-right-content ul li:before {
    content: "";
    width: 5px;
    height: 5px;
    display: block;
    background-color: #d22030;
    border-radius: 100%;
    position: absolute;
    top: 15px;
    left: 0
}

.Counter_content h3 #counter {
    font-family: 'Manrope';
    font-size: 80px;
    font-style: normal;
    font-weight: 900!important;
    line-height: 90px!important;
    color: #d22030
}

.table-responsive table.table.table-bordered {
    display: inline-table;
}

.table-responsive table.table.table-bordered thead {
    background: #23864E;
    color: #fff;
    border: 1px solid #CACACA;
}

.table-responsive table.table.table-bordered thead th {
    color: #fff;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1px;
    padding-top: 30px!important;
    padding-bottom: 30px!important;
    text-align: center
}

.table_detail h5 {
    padding-bottom: 10px;
    padding-top: 40px;
}

.table-bordered th,td {
    color: #232323;
    font-family: 'Manrope';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.9px;
    text-align: center;
    padding-top: 30px!important;
    padding-bottom: 30px!important;
    border-bottom: 1px solid #CACACA !important;
}

.table {
    display: grid;
    border: 1px solid #ccc
}

.tr {
    display: grid;
    grid-template-columns: repeat(3,1fr)
}

.thead {
    display: grid;
    grid-template-columns: repeat(1,1fr)
}

.th,.td {
    padding: 8px;
    border-bottom: 1px solid #ccc
}

.th {
    background-color: #f2f2f2;
    font-weight: 700
}

.tbody .tr:nth-child(even) {
    background-color: #f2f2f2
}

.commercial-service-content .service_detail .content .row:nth-child(10) .col-lg-6.col-md-6.col-sm-12.col-xs-12:first-child {
    padding-right: 58px
}

.t_columns .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
    background-color: #1e1e1e;
    margin: 0 10px;
    width: 31.8%;
    height: 242px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column
}

.t_columns .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 h4 {
    color: #fff;
    font-family: "Manrope";
    font-size: 60px!important;
    font-style: normal;
    font-weight: 900!important;
    line-height: 26px!important
}

.t_columns .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 p {
    margin: 30px 0 0 0
}

.table_detail {
    padding-top: 0px;
}

.table_detail h5 {
    color: #000000;
    font-family: Manrope;
    font-size: 30px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: normal!important;
    letter-spacing: -1.5px
}

.table-bordered {
    border-width: 1px 0px!important
}

.table-bordered>:not(caption)>* {
    border-width: 0 0px!important;
}

.table-responsive table.table.table-bordered {
    border: 1px solid #CACACA;
    background: #1e1e1e
}

.table-bordered>:not(caption)>*>* {
    /* border-width: 0 0px!important; */
}

.table-responsive table.table.table-bordered thead th:first-child,.table-responsive table.table.table-bordered tbody td:first-child {
    text-align: center;
    padding-left: 40px
}

.table-responsive table.table.table-bordered tbody td:first-child,.table-responsive table.table.table-bordered tbody td:nth-child(2) {
    border-right: 1px solid #CACACA !important;
}
.table-responsive table.table.table-bordered tbody td:first-child, .table-responsive table.table.table-bordered {
    background: #F6FFF6!important;!i;!;
}
tbody {
    border: 1px solid #CACACA;
}
.table-responsive table.table.table-bordered tbody td:first-child, .table-responsive table.table.table-bordered {
    text-align: center;
}

.table-responsive table.table.table-bordered tbody td {
    border-bottom: 1px solid #CACACA!important;
}

.emeriate-linkdin h2 {
    padding-bottom: 30px;
    padding-top: 30px
}

.news h1 {
    color: #000
}

section.news {
    padding-top: 45px
}

.news-container {
    display: flex;
    gap: 20px;
    margin: 20px 0
}

.news-columns {
    display: flex;
    width: 100%
}

.news-column {
    gap: 20px
}

.latest-column {
    !I;!;width: 100%
}

.news-item {
    padding: 15px
}

.news-item .news-image img {
    pointer-events: none
}

.news-item .news-image img {
    width: 100%;
    border-radius: 5px
}

.news-content {
    padding-top: 0
}

.latest-column .news-content {
    padding-top: 20px
}

.news-date {
    color: #D22030;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -.8px;
    position: relative;
    padding-left: 20px
}

.news-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 10px!important;
    !I;!}

.news-title a {
    pointer-events: none
}

.news-title a {
    color: #000!important;
    !I;!;font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -1.1px
}

.news-title a:hover {
    color: #0073aa
}

.news-excerpt {
    color: #353535;
    font-size: 16px!important;
    !I;!;font-style: normal;
    font-weight: 400!important;
    !I;!;line-height: 22px!important;
    !i;!}

.read-more {
    pointer-events: none
}

.read-more {
    display: inline-block;
    margin-top: 10px;
    color: #D22030!important;
    !I;!;font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize
}

.read-more:hover {
    text-decoration: underline
}

.news-date:before {
    content: "";
    position: absolute;
    border-radius: 17px;
    width: 10px;
    height: 10px;
    background: #D22030;
    top: 5px;
    left: 0
}

.other-column .news-item {
    display: flex;
    gap: 10px
}

.news-column.other-column {
    width: 60%!important;
    !i;!}

.news-image {
    width: 100%
}

.news-image a {
    pointer-events: none
}

.latest-post img.attachment-large.size-large.wp-post-image {
    width: 100%;
    height: 400px
}

.other-column .news-content {
    width: 90%
}

.other-column img.attachment-medium.size-medium.wp-post-image {
    width: 100%!important;
    !i;!;height: 213px
}

.popup-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    z-index: 1000;
    display: none
}

.popup-close {
    display: block;
    margin-top: 10px;
    color: #333;
    background-color: #f8f9fa;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer
}

.certificate-sec .heading_bg {
    position: relative;
    left: -200px
}

.certificate-sec {
    padding: 100px 0;
    background-color: #fff;
    position: relative
}

.li_items li {
    color: #1e1e1e;
    font-family: 'MANROPE';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -.8px;
    position: relative;
    padding-left: 24px
}

.li_items li:after {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    background-image: url(/emirates-extrusion-2/wp-content/uploads/2024/03/Ellipse-1422.png);
    left: 0;
    top: 15px
}

.li_items li ul li {
    color: #aaa;
    font-family: 'MANROPE';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

.li_items li ul li:after {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    background-image: url(/emirates-extrusion-2/wp-content/uploads/2024/03/Ellipse-1422.png);
    left: 0;
    top: 11px;
    filter: grayscale(100%) sepia(0%) hue-rotate(0deg) saturate(0%) brightness(100%) contrast(100%)
}

.Awards_Reco h4 {
    color: #d22030;
    font-family: Manrope;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 70px;
    letter-spacing: -1.5px
}

.Awards_Reco {
    padding-top: 40px
}

.certificate_img {
    background-color: #fff;
    position: relative;
    padding-bottom: 60px
}

.cerificate_items {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(3,1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px
}

.project-pop {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px
}

.Project_portfolio {
    padding: 100px 0;
    background-color: #fff;
    position: relative
}

.projects {
    text-align: center
}

#gallery_popup .modal_body_content {
    padding: 80px 125px 80px
}

#gallery_popup .modal-dialog.modal-lg.modal-dialog-centered {
    width: 100%;
    max-width: 1250px;
    border-radius: 0px!important
}

#gallery_popup .modal-content {
    border-radius: 0;
    opacity: .98;
    background: #14141400
}

#gallery_popup .modal-body {
    padding: 0px!important
}

#gallery_popup button.btn-close {
    position: absolute;
    right: 30px;
    color: #ffffff!important;
    z-index: 9;
    opacity: 1;
    border: 1px solid #fff;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    top: 30px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(197deg) brightness(104%) contrast(107%)
}

#gallery_popup .post_gallery_item {
    display: flex;
    justify-content: center
}

.page-template-News__Events .latestnews-section {
    position: relative;
    background-color: FFF;
    padding: 60px 0
}

.page-template-News__Events .latestnews-section:after {
    display: none
}

.page-template-News__Events .heading_bg {
    text-align: center;
    left: 0
}

.page-template-News__Events .heading_title {
    text-align: center
}

.page-template-News__Events h2 {
    width: 100%!important
}

.admin {
    display: flex;
    justify-content: space-between;
    padding-top: 28px;
    padding-bottom: 10px
}

.icon_box {
    display: flex;
    align-items: center;
    gap: 30px
}

.icon_social {
    display: flex;
    align-items: center;
    gap: 0
}

.icon_box h6 {
    font-size: 22px!important;
    font-weight: 600!important;
    line-height: 28px!important;
    margin-top: 15px
}

.icon_box span {
    color: #b0b0b0;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px
}

.icon_box .icon_img {
    position: relative;
    background: #d22030;
    border-radius: 100%;
    padding: 15px
}

.single-post .latestnews-section:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: none
}

.single-post .custom-news {
    display: block
}

.events-item img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100%;
    min-height: 504px;
    object-fit: cover
}

.custom-blog-image img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    max-width: 116px;
    min-height: 77px;
    object-fit: cover
}

.custom-blog-post span img {
    width: auto;
    max-width: -webkit-fill-available;
    transform: rotate(45deg);
    transition: 1s
}

.custom-blog-post span img:hover {
    transform: rotate(0deg);
    transition: 1s
}

.single-post .latestnews-section .row {
    align-items: normal
}

.custom-blog-post {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #505050;
    padding-bottom: 20px
}

.blog-section h4 {
    text-align: left;
    color: #1E1E1E;
    font-family: Manrope;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 70px;
    padding-bottom: 20px
}

.custom-blog-post .item-content {
    display: flex;
    flex-wrap: nowrap
}

.custom-blog-post .item-content span {
    padding-left: 20px
}

.custom-blog-post .item-content h6 {
    text-align: left;
    color: #353535;
    font-family: Manrope;
    font-size: 17px!important
}

.events-item .footer-socialnav li {
    margin-left: 10px
}

.icon_txt h6 {
    font-size: 22px;
    font-style: normal;
    font-weight: 600!important;
    line-height: 28px
}

.events-item h4 {
    padding-right: 0;
    padding-bottom: 20px
}

.latestnews-section .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 .blog-section #inner-post p {
    text-align: left
}

.events-item p span {
    color: #d52600
}

.events-item li {
    color: #1E1E1E;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    font-family: 'Manrope';
}

.ProductCatalog .ProductCatalog_row {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 50px
}

.ProductCatalog .ProductCatalog_row .ProductCatalog_item {
    background-color: #00000017;
    padding: 20px
}

.experience {
    padding: 60px 0;
    background-color: #fff'';
}

.ProductCatalog .ProductCatalog_row .ProductCatalog_item h4 {
    color: #141414;
    font-family: Manrope;
    font-size: 25px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: normal!important;
    letter-spacing: -.75px;
    margin: 0;
    padding: 20px 0;
    display: none
}

.ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px
}

.ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more a {
    padding: 10px 18px;
    border: 1px solid #d22030;
    color: #ffffff!important;
    font-weight: 600;
    background-color: #d22030;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    transition: all 0.5s ease-in;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.1);
    z-index: 9;
    font-size: 16px;
    font-family: "Manrope"
}

.ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more a:hover {
    color: #d22030!important;
    background-color: #fff
}

.ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more a span {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #d22030;
    color: #fff;
    border-radius: 40px;
    margin-left: 10px
}

.ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more a span img {
    width: 100%;
    max-width: 10px
}

.ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more:first-child {
    margin-right: 7px
}

.ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more:last-child {
    margin-left: 7px
}
.commercial-service-content .content >p {
    padding-bottom: 15px !important;
    margin-bottom: 10px !important;
}
@media only screen and (max-width: 1680px) {
	.commitment {
    padding-top: 80px;
    padding-bottom: 30px;
}

    /* journey manufacturing  */
.about-company {
    padding: 70px 0;
}

.banner-slider .slider.slider-for {
    max-width: 60%;
}
.banner-slider .slider.slider-nav {
    max-width: 35%;
}
.slider-banner-image img {
    width: 600px;
    height: 600px;
}

.years-2024 {
    padding: 30px 5px;
    height: 210px;
}


.side-titles h4 {
    font-size: 32px;
    margin-bottom: 30px;
}


.banner-slider .slider.slider-for .slick-list {
    padding-left: 70px;
}

.company-records {
    margin-top: 30px;
}

.custom-years {
    top: 0;
    width: 671px;
    height: 671px;
}

.histtory {
    top: -20px;
    height: 660px;
    width: 52%;
}


.history-years-vertical__years, .history-years-vertical__years p {
    font-size: 210px !important;
}

    /* end  */
    .unveiling {
        padding:100px 0 40px 0
    }

    .postid-1128 .enquiry-form select.wpcf7-form-control.wpcf7-select.post {
        height: 45px!important;
        font-size: 20px!important;
        padding-left: 10px
    }

    .postid-1128 .enquiry-form input {
        height: 45px
    }

    .page-id-13 .about-content .heading_title .header-info nav.navbar {
        padding: 0 0 0 0px!important
    }

    .load-more-btn a {
        font-size: 15px;
        width: 131px;
        height: 52px
    }

    .main-navigation ul li a {
        font-size: 14px;
        line-height: 16px
    }

    .load-more-btn {
        margin-top: 60px
    }

    p.no-more-posts-message {
        font-size: 16px!important;
        line-height: 16px!important;
        margin: 60px 0 0px!important
    }

    h1 {
        font-size: 45px!important;
        line-height: 55px!important
    }

    h2 {
        font-size: 30px!important
    }

    .commercial-products-content .product_detail .image img {
        height: 400px;
        object-fit: cover
    }

    .heading_title h2 {
        margin-top: 15px
    }

    .site-branding {
        width: 22%
    }

    .main-navigation ul li a {
        font-size: 14px;
        line-height: 16px
    }

    .main-navigation ul li {
        padding: 0 15px
    }

    .main-navigation ul li:nth-child(3):after {
        width: 9px;
        height: 5px;
        top: 6px;
        right: 0
    }

    a.header_btn {
        font-size: 12px;
        width: 121px
    }

    .menu {
        padding-top: 0px!important;
        align-items: center
    }

    .header-container {
        padding-right: 40px;
        padding-left: 40px
    }

    .main-navigation ul li:last-child img {
        width: 52px
    }

    .learn-more a {
        padding: 6px 16px;
        font-size: 14px
    }

    .home-arrow .slick-arrow {
        padding: 0 0 0 15px
    }

    .slider-main:before {
        top: 160px
    }

    .service-image-width .home-arrow {
        bottom: 90px
    }

    .about-section .heading_title h2 {
        margin-top: 10px;
        line-height: 50px!important
    }

    .about-content .heading_title {
        width: 70%
    }

    .heading_bg span {
        font-size: 100px
    }

    .heading_title {
        margin-top: -50px;
        width: 45%
    }

    .about-section .about-image-row .about-image {
        width: 44%;
        margin: 10px 8px
    }

    .about-section .about-image-row .about-image h6 {
        line-height: 50px!important;
        font-size: 16px!important;
        padding: 0 0 0 10px;
        width: 100%;
    }

    .about-section .about-image-row .about-image:hover .about-image-item h6 {
        /* bottom: 0; */
    }

    .about-section .about-image-row .about-image-paragraph {
        padding: 0px 5px 0 10px;
    }

    .about-section .about-image-row .about-image-paragraph p {
        font-size: 13px!important;
    }

    .about-section {
        padding: 80px 0
    }

    .industry-insights-section {
        padding: 80px 0
    }

    .industry-insights-section .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        padding-bottom: 30px
    }
.latestnews-section .section_heading {
    padding-top: 0px;
}
    .section_heading {
        padding-bottom: 0px;
        padding-top: 50px;
    }

    .recentpost-section .section_heading {
        padding-bottom: 20px;
        padding-top: 60px
    }

    .industry-insights-section .row:nth-child(2) {
        padding-top: 42px
    }

    .industry-insights-content-item {
        padding: 15px 0
    }

    .product-section {
        padding: 30px 0;
    }

    .product-section .heading_title {
        width: 100%
    }

    .our_products .product_item .product_item_row .product_item_content .product_except_content p {
        font-size: 16px!important
    }

    .our_products .product_item .product_item_row .product_item_content .product_except_content ul li {
        font-size: 16px;
        left: 18px
    }

    .service_content {
        padding: 80px 0 80px
    }

    .service-title h4 {
        font-size: 17px!important;
        line-height: 27.36px!important
    }

    .service-title.slick-slide.slick-current.slick-active h4 {
        font-size: 22px!important;
        line-height: 32.36px!important
    }

    .service-title.slick-slide.slick-current.slick-active h4:after {
        top: 15px;
        left: -70px
    }

    .service-slider .heading_title {
        padding-bottom: 20px
    }

    .service-left-content p {
        max-width: 100%;
        margin: 5px 0 15px
    }

    .service-left-content h2 {
        font-size: 35px!important;
        line-height: 45px!important;
        margin-top: 10px
    }

    .projects-section {
        padding: 60px 0
    }

    .projects-section .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        padding-top: 100px
    }

    .project-slider {
        margin-left: calc((100% - 1000px) / 4)
    }

    .projects-section .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        justify-content: space-evenly
    }

    .certificate-section {
        padding: 60px 0
    }

    .heading_content p {
        font-size: 14px!important;
        line-height: 24px!important;
        margin: 10px 0 10px 0;
        width: 36%
    }

    .certificate-section .heading_title h2 {
        width: 100%
    }

    .certificate {
        margin-top: -260px
    }

    .latestnews-section .heading_title h2 {
        width: 65%
    }

    .latestnews-section .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        padding-bottom: 90px
    }

    .news-item.news1 .item-content {
        padding-top: 21px
    }

    .commercial-service-section .heading_bg {
        position: relative;
        left: -100px
    }

    .custom-news .news-item h4 {
        margin: 0 0 10px 0;
        font-family: Manrope;
        font-size: 18px!important;
        line-height: 30px!important
    }

    .industry-insights-section .heading_bg,.product-section .heading_bg,.projects-section .heading_bg,.certificate-section .heading_bg,.latestnews-section .heading_bg {
        left: -70px
    }

    .custom-news .news-item p:first-child {
        font-size: 12px!important;
        line-height: 30px!important;
        margin: 0 0 10px 0;
        padding-left: 14px
    }

    .custom-news .news-item p:first-child:after {
        width: 4px;
        height: 4px;
        top: 12px
    }

    .custom-news .news-item p {
        margin: 0 0 10px 0
    }

    .news2 .item-content h4,.news3 .item-content h4 {
        font-size: 18px!important;
        line-height: 30px!important
    }

    .main-footer .footer-col1 p {
        margin: 15px 0 40px 0;
        font-size: 20px!important;
        line-height: 27px!important;
        width: 70%
    }

    .contact_email h6 {
        font-size: 16px!important;
        line-height: 16px!important
    }

    .main-footer .footer-col1 .row p {
        font-size: 16px!important;
        line-height: 16px!important;
        padding-top: 10px
    }

    .footer-widget ul.menu li {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 30px
    }

    .main-footer {
        padding: 80px 0
    }

    .footer-widget h5 {
        font-size: 20px!important;
        line-height: 20px!important;
        padding: 0 0 15px 0
    }

    .copyright .footer-container {
        padding: 10px 0 0
    }

    .copyright {
        padding: 10px 0
    }

    .project-headings {
        padding: 0 20px 15px 20px
    }

    .home-arrow button img {
        width: 50px;
        height: 50px;
        object-fit: contain
    }

    .service-left-content {
        padding: 0 0 0
    }

    .service-left-content img {
        width: 29px;
        object-fit: contain
    }

    .service-left-content .learn-more span img {
        width: auto
    }

    .custom-news .news-item:nth-child(2),.custom-news .news-item:last-child {
        gap: 15px;
        margin-bottom: 20px;
        align-items: flex-start
    }

    .custom-news .news-item:nth-child(2),.custom-news .news-item:last-child {
        padding-left: 10px
    }

    .custom-news .news-item:nth-child(2) img,.custom-news .news-item:last-child img {
        height: 230px
    }

    .custom-news .news-item span img {
        height: auto!important;
        width: auto
    }

    .product-section .heading_title h2 {
        width: 30%
    }

    .contact-form-section {
        padding: 80px 0
    }

    .contact-form-section:after {
        width: 100%;
        height: 900px;
        bottom: -190px
    }

    .contact-info-section {
        padding: 25px 0 0
    }

    .contact-info-item {
        padding: 20px 15px
    }

    .contact-info-item h2 {
        font-size: 20px!important;
        line-height: 15px!important;
        margin: 10px 0
    }

    .contact-info-item p,.contact-info-item p a,.contact-info-item .contact-no span {
        font-size: 16px!important;
        line-height: 14px!important;
        margin-bottom: 0;
        -webkit-line-clamp: 2;
        height: 36px
    }

    .contact-no p {
        margin-bottom: 0
    }

    .contact-info-item .contact-no span {
        margin: 0 5px
    }

    .contact-info-section .row {
        margin-bottom: -91px
    }

    .contact-form-section .section_heading .heading_title h2 {
        width: 40%
    }

    .sliderInner .inner-content .breadcrum p {
        margin-bottom: 0
    }

    .inner-banner .sliderInner .inner-content {
        top: 100px
    }

    .enquiry-form input {
        height: 52px;
        margin-bottom: 10px;
        padding: 10px 15px!important
    }

    .enquiry-form textarea {
        height: 208px;
        margin-bottom: 24px;
        padding: 15px 30px
    }

    .enquiry-form .button-submit input.wpcf7-submit {
        font-size: 12px;
        width: 100px;
        height: 30px;
        line-height: 22px;
        padding: 0px!important
    }

    .contact-form-section .heading_bg {
        left: -150px
    }

    .inner-banner:before {
        height: 100%
    }

    .contact_form_sec {
        padding-top: 15px
    }

    .projects-section .heading_title h2 {
        width: 60%;
        margin-bottom: 20px
    }

    .certificate-sec .heading_bg {
        left: -100px
    }

    .certificate-sec {
        padding: 80px 0
    }

    #certificate_slider {
        margin-top: 28px
    }

    .custom-news .news-item:first-child {
        padding-right: 10px
    }

    .li_items li {
        font-size: 16px;
        line-height: 40px;
        padding-left: 20px
    }

    .li_items li ul li {
        font-size: 16px;
        line-height: 30px
    }

    .Awards_Reco h4 {
        font-size: 28px!important;
        line-height: 50px
    }

    .Awards_Reco {
        padding-top: 20px
    }

    .certificate_img {
        padding-bottom: 25px
    }

    .cerificate_items {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: repeat(3,1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px
    }

    .page-template-News__Events .latestnews-section {
        padding: 60px 0
    }

    .news-and-events {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        padding-top: 30px
    }

    .news-and-events .news-item img {
        height: 300px
    }

    .news-and-events .item-content {
        padding-top: 15px
    }

    .recentpost-section {
        padding: 40px 0
    }

    .page-template-News__Events h2 {
        padding-top: 20px
    }

    .page-template-News__Events .heading_bg {
        left: 0
    }

    .news-and-events .item-content h4 {
        font-size: 18px!important;
        line-height: 28px!important
    }

    .service-sec {
        padding: 80px 0 80px;
        background-color: #fff;
        position: relative
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_bg span {
        font-size: 60px;
        line-height: 70px
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_title {
        margin-top: -70px
    }

    .service-sec h6 {
        line-height: 28px!important;
        letter-spacing: -.4px
    }

    .service-item-container .service-item-sec {
        width: 100%;
        max-width: 50%;
        padding: 20px 0
    }

    .service-item-container .service-item-sec:first-child:before {
        height: 140px;
        top: 10px
    }

    .service-item-sec .row .service-item-image {
        max-width: 80px;
        height: 80px;
        top: 15px
    }

    .service-item-sec .row .service-item-detail {
        max-width: 88%
    }

    .service-item-container:after {
        height: 98%;
        top: 10px;
        left: 50%;
        right: 50%
    }

    .service-sec .container:before {
        bottom: 90px
    }

    .service-item-container .service-item-sec:last-child:before {
        height: 140px;
        bottom: 10px
    }

    .service-item-container .service-item-sec:nth-child(even) .service-item-image {
        right: 28px
    }

    .service-item-container .service-item-sec:nth-child(odd) .service-item-image {
        right: -30px
    }

    .service-item-sec .row .service-item-detail .heading_title h2 {
        margin-top: 85px;
    }

    .service-item-container {
        position: relative;
        padding: 115px 0
    }

    .read-more a {
        font-size: 14px;
        padding-bottom: 5px
    }

    .read-more a span {
        margin-left: 10px
    }

    .service-sec .section_heading {
        width: 80%
    }

    #orderpopup .modal-dialog {
        max-width: 1000px
    }

    .contact_form_sec input {
        padding: 10px 20px!important
    }

    .contact_form_sec textarea {
        height: 120px;
        margin: 10px 0;
        padding: 10px 20px
    }

    .contact_form_sec input.wpcf7-submit {
        width: 160px;
        height: 40px;
        font-size: 15px
    }

    #orderpopup .modal-dialog .modal-content .btn-close {
        right: 30px;
        width: 38px;
        height: 38px;
        top: 30px
    }

    #orderpopup .modal-dialog .modal-content .popup-row {
        padding: 60px 80px 60px
    }

    #orderpopup .modal-dialog .modal-content .popup-row h6 {
        font-size: 16px!important;
        line-height: 18px!important;
        letter-spacing: -.33px
    }

    #orderpopup .modal-dialog .modal-content .popup-row h2 {
        font-size: 40px!important;
        line-height: 50px!important;
        letter-spacing: -1px
    }

    .order-form .col-lg-12.col-md-12.col-sm-12.col-xs-12:nth-child(10) .form-input .wpcf7-form-control-wrap {
        padding: 10px 20px
    }

    .order-form .col-lg-12.col-md-12.col-sm-12.col-xs-12:nth-child(10) {
        margin: 20px 0
    }

    #file-name {
        position: absolute;
        left: 150px;
        font-size: 15px
    }

    .commercial-product-section .heading_bg,.contact-us-any-time .heading_bg {
        left: -100px
    }

    .product_detail .content h6 {
        font-size: 18px!important;
        line-height: 28px!important;
        margin: 25px 0
    }

    .product_detail .content ul li {
        height: 80px;
        font-size: 18px;
        line-height: 40px
    }

    .product_detail .content .row .product-right-content p {
        margin: 0 0 20px
    }

    .commercial-product-section {
        padding: 80px 0
    }

    .commercial-product-section .heading_title h2 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .product_detail .content-row-items .row {
        padding: 25px 0
    }

    .product_detail .content-row-items .row:nth-child(odd) .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        padding-right: 30px
    }

    .product_detail .content-row-items .row:nth-child(even) .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        padding-left: 30px
    }

    .events-item img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
        min-height: 400px
    }

    .single-post h2 {
        padding-bottom: 20px
    }

    .admin {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .icon_box h6 {
        font-size: 16px!important;
        line-height: 26px!important;
        margin-top: 10px
    }

    .icon_box span {
        font-size: 16px;
        line-height: 26px
    }

    .latestnews-section {
        padding: 60px 0
    }

    .custom-blog-post .item-content h6 {
        font-size: 16px!important;
        line-height: 18px!important
    }

    .custom-blog-post {
        margin-bottom: 10px;
        padding-bottom: 15px
    }

    .custom-blog-post .item-content span {
        padding-left: 18px
    }

    .about-company-profile-sec {
        padding: 100px 0 100px;
        background-color: #141414;
        position: relative
    }

    .about-company-profile-sec .heading_bg {
        position: relative;
        left: -130px
    }

    .about-company-profile-sec:after {
        height: 1296px
    }

    .director-message {
        padding: 50px 0 80px
    }

    .about-us-certificate .certificate-section {
        padding: 90px 0
    }

    .about-company-profile-sec .heading_title h2 {
        padding-bottom: 40px
    }

    .company_profile_content {
        padding-top: 40px
    }

    .mission-vision-item {
        width: 45%
    }

    .mission-vision-sec {
        padding: 40px 0 0
    }

    .about-company-profile-sec .mission-vision-sec .heading_bg span {
        font-size: 100px
    }

    .about-company-profile-sec .mission-vision-sec .heading_title h6 {
        font-size: 35px!important
    }

    .about-company-profile-sec .mission-vision-sec .section_heading {
        padding-bottom: 20px
    }

    .mission-vision-content p {
        width: 70%
    }

    .mission-vision-content {
        padding-bottom: 20px
    }

    .mission-vision-row .mission-vision-item:nth-child(even) .mission-vision-content p {
        margin: 0 0 16px auto
    }

    .mission-vision-row:after {
        height: 100%;
        bottom: 0;
        left: 50%;
        right: 50%
    }

    .pointer-image {
        top: 20px;
        left: 50%
    }

    .inner-about-us-sec .about-section {
        padding: 0 0 100px
    }

    .inner-about-us-sec .about-section .about-image-row .about-image {
        width: 20%;
        margin: 0 15px
    }

    .inner-about-us-sec .about-section .about-image-row .about-image:nth-child(2),.inner-about-us-sec .about-section .about-image-row .about-image:nth-child(4) {
        top: 0
    }

    .inner-about-us-sec .about-content {
        width: 88%;
        margin: 0 auto 40px
    }

    .inner-about-us-sec .about-column .learn-more {
        text-align: center;
        margin: 25px 0 0
    }

    .director-message .heading_title {
        margin-top: -80px
    }

    .director-message .section_heading {
        padding-bottom: 30px
    }

    .director-message .section_heading {
        padding-bottom: 30px
    }

    .director-message-content {
        width: 75%
    }

    .director-bio {
        margin-top: 30px
    }

    .director-bio h3 {
        font-size: 22px!important
    }

    .director-bio h6 {
        font-size: 18px!important;
        margin: 10px 0
    }

    .director-bio h5 {
        font-size: 15px!important;
        line-height: 18px!important
    }

    .Project_portfolio {
        padding: 80px 0
    }

    .Counter_content h3 #counter {
        font-size: 70px;
        line-height: 80px!important
    }

    .t_columns .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 h4 {
        font-size: 40px!important;
        line-height: 25px!important
    }

    .table-responsive table.table.table-bordered thead th {
        font-size: 18px;
        padding-top: 20px!important;
        padding-bottom: 20px!important
    }

    .table-bordered th,td {
        font-size: 18px;
        padding-top: 20px!important;
        padding-bottom: 20px!important
    }
}

@media only screen and (max-width: 1560px) {
    .slider-main:before {
        top:120px
    }

    .main-navigation ul li {
        padding: 0 12px
    }

    .main-navigation ul li a {
        font-size: 15px;
        line-height: 15px
    }
}

@media only screen and (max-width: 1536px) {
    .header-info .site-branding.navbar-brand {
        width:20%
    }
}

@media only screen and (max-width: 1440px) {
    .product_detail .content-row-items {
    padding: 25px 0 0;
}
	.single-commitment .commitment-text h3 {
    font-size: 25px !important;
    margin-bottom: 10px;
    color: #333;
}
    .latestnews-section .heading_title {
    width: 70%;
    margin-top: -50px !important;
}
	.commitment {
        padding-top: 30px;
        padding-bottom: 30px;
    }
	.postid-298 .image {
    padding-bottom: 20px;
}
	.contact-time-image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
	.contact-us-any-time .contact-time-content .section_heading {
    padding-bottom: 0px;
    padding-top: 0px;
}
	.about-section .about-image-row .about-image h6 {
    bottom: 50px;

}
	.about-section .about-image-row .about-image-paragraph {
    bottom: 65px;
}
    .table_detail h5 {
    padding-bottom: 10px;
    padding-top: 30px;
}
    .table_detail {
    padding-top: 0px;
}
	.management-section .tab-content-item .read-more-btn {
    margin-top: 0px;
    font-size: 14px;
    line-height: 0px;

}
        /* journey manufacturing  */
.about-company {
    padding: 60px 0;
}

.banner-slider .slider.slider-for {
    max-width: 50%;
}
.banner-slider .slider.slider-nav {
    max-width: 35%;
}
.slider-banner-image img {
    width: 500px;
    height: 500px;
}

.years-2024 {
    padding: 25px 5px;
    height: 200px;
}


.side-titles h4 {
    font-size: 20px !important;!i;!;
    margin-bottom: 20px !important;!i;!;
}


.banner-slider .slider.slider-for .slick-list {
    padding-left: 80px;
}

.company-records {
    margin-top: 30px;
}

.custom-years {
    top: 0;
    width: 671px;
    height: 671px;
}

.histtory {
    top: -20px;
    height: 640px;
    width: 45%;
}


.history-years-vertical__years, .history-years-vertical__years p {
    font-size: 150px !important;
}

    /* end  */
	.management-section h5.modal-title {
    font-size: 40px !important;
    line-height: 50px !important;
    letter-spacing: -2px;
}
    .management-section .modal-body {
    height: 435px;
    margin-right: 35px;
    padding-right: 30px;
    padding-left: 15px;
}

	.management-section .modal-dialog.modal-lg {
    margin: 0 auto;
    top: 10%;
    width: 100%;
    height: 600px;
    max-width: 70%;
}
	    .unveiling {
        padding: 70px 0 20px 0;
    }
        .product-section {
        padding: 30px 0;
    }
    .unveiling-image {
    height: 240px;
}
	.sliderInner h1 {
        font-size: 30px !important;
        line-height: 35px !important;
    }
	.page-id-11 .image {
    height: 350px;
}
	.unveiling-content-item {
    padding: 0px;

}
/* 	.unveiling-image {
    margin-bottom: 0;
    height: 315px;
} */
	.page-id-11 .sliderInner .inner-content {
    color: #fff;
    background: #d5d3d36e;
    padding-top: 50px;
}
	.unveiling-content-item h6 {
    font-size: 18px !important;

}
    .postid-286 .product_detail .image img {
        height:470px
    }

    .footer-socialnav img {
        width: 25px
    }

    .page-template-template .image img {
        width: 100%;
        max-width: 100%;
        height: 400px
    }

    .about-company-profile-sec {
        padding: 60px 0 100px
    }

    #myModal .modal-dialog .modal-content .popup-row {
        padding: 50px 30px 50px 30px
    }

    #myModal .modal-dialog {
        max-width: 840px
    }

    .custom-search .content h2 {
        font-size: 22px!important;
        line-height: 33px!important
    }

    .slider-main:before {
        top: 110px
    }

    .site-branding {
        width: 20%
    }

    .our_products .product_item .product_item_row .product_item_content .product_item_content_detail h2 {
        font-size: 25px!important
    }

    .main-navigation ul li {
        padding: 0 10px
    }

    .main-navigation ul li:nth-child(3):after {
        width: 9px;
        height: 5px;
        top: 6px;
        right: -3px
    }

    a.header_btn {
        width: 96px;
        height: 32px
    }

    .t_columns .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        width: 31%;
        height: 210px
    }

    .table-responsive table.table.table-bordered thead th {
        font-size: 16px
    }

    .table-bordered th,td {
        font-size: 16px
    }

    .t_columns .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 h4 {
        font-size: 35px!important;
        line-height: 25px!important
    }

    .Counter_content h3 #counter {
        font-size: 60px;
        line-height: 70px!important
    }
.postid-88 .commercial-service-content .content h6 {
    display: none;
}

    .commercial-service-section {
        padding: 30px 0;
    }

    .Project_portfolio {
        padding: 60px 0
    }

    .commercial-product-section .heading_bg,.contact-us-any-time .heading_bg {
        left: -40px
    }

    .about-company-profile-sec .heading_bg {
        position: relative;
        left: -50px
    }

    .about-company-profile-sec .mission-vision-sec .heading_bg span {
        font-size: 75px
    }

    .industry-insights-section .heading_bg,.product-section .heading_bg,.projects-section .heading_bg,.certificate-section .heading_bg,.latestnews-section .heading_bg {
        left: -50px;
    }

    .certificate-sec .heading_bg {
        left: -50px
    }

    .contact-form-section {
        padding: 70px 0
    }

    .heading_bg span {
        font-size: 70px
    }

    .contact-form-section .heading_bg {
        left: -20px!important
    }

    .enquiry-form .button-submit input.wpcf7-submit {
        font-size: 12px;
        width: 100px;
        height: 30px;
        line-height: 22px;
        padding: 0px!important
    }

    .contact-info-item h2 {
        font-size: 18px!important;
        line-height: 18px!important
    }

    .contact-info-item p,.contact-info-item p a,.contact-info-item .contact-no span {
        font-size: 14px!important;
        line-height: 15px!important
    }

    .heading_title {
        margin-top: -40px;
    }
}

@media only screen and (max-width: 1399px) {
    .ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more a {
        padding:10px 15px;
        font-size: 14px
    }

    .ProductCatalog .ProductCatalog_row .ProductCatalog_item {
        padding: 15px
    }
}

@media only screen and (max-width: 1366px) {
    .contact-us-any-time .contact-time-content .heading_title h2 {
        margin-bottom: 20px;
        width: 100%;
        line-height: 40px !important;
    }
	  /* journey manufacturing  */
.about-company {
    padding: 54px 0px 0px 0px;
}

.banner-slider .slider.slider-for {
    max-width: 60%;
}
.banner-slider .slider.slider-nav {
    max-width: 35%;
    position: relative;
    bottom: 25px;
}
.slider-banner-image img {
    width: 500px;
    height: 500px;
}

.years-2024 {
    padding: 20px 5px;
    height: 180px;
    gap: 10px !important;!I;!;
}


.side-titles h4 {
    font-size: 20px !important;!i;!;
    margin-bottom: 0px !important;!i;!;
    line-height: 20px !important;!I;!;
    height: 120px !important;!I;!;
}


.banner-slider .slider.slider-for .slick-list {
    padding-left: 100px;
}

.company-records {
    margin-top: 30px;
}

.custom-years {
    top: 0;
    width: 671px;
    height: 671px;
}

.histtory {
    top: -20px;
    height: 530px;
    width: 50%;
}


.history-years-vertical__years, .history-years-vertical__years p {
    font-size: 200px !important;
    text-shadow: 2px 3px 18px rgb(255 255 255 / 59%);
}

    /* end  */
	.management-section .tab-item span {
    font-size: 18px;
    line-height: 28px;
    padding-left: 0px;
    padding-right: 0px;
}
    .management-section .tab-icon {
    margin-right: 5px;
    width: 73.347px;
    height: 60.189px;
}
	.management-section {
    padding-top: 30px;
}
	    .page-id-11 .sliderInner .inner-content {
        color: #fff;
        background: #d5d3d36e;
        padding-top: 35px;
    }
    .page-id-11 .sliderInner h1 {
    font-size: 40px !important;
    line-height: 50px !important;
}
	.unveiling {
        padding: 60px 0 0px 0 !important;
    }
	p {
    font-size: 16px !important;
    line-height: 26px !important;
}
	    .unveiling-content-item h6 {
        font-size: 16px !important;
        position: relative;
        top: 0px;
    }
	.unveiling-content-item.slick-slide.slick-active {
    height: 224px;
}
        .unveiling-image {
        height: 180px;
        padding-top: 10px;
    }
    .unveiling-image img {
    width: 180px;
    height: auto;
}
		.page-id-11 .image {
    height: 375px;
}
		.unveiling-content-item h6 {
    font-size: 18px !important;
    padding: 15px;
}
    .unveiling {
        padding:100px 0 40px 0
    }

    .gt_float_switcher .gt-selected .gt-current-lang {
        font-size: 14px!important
    }

    .home-arrow {
        right: 15%
    }

    .unveiling-content button.slick-prev.slick-arrow {
        width: 50px!important;
        left: 96% !important;
    }

    .unveiling-content button.slick-next.slick-arrow {
        left: 0!important;
        width: 50px!important;
    }

    .main-footer .footer-col1 img {
        margin-bottom: 40px
    }

    .header-info nav.navbar {
        padding: 0 0 0 0px!important
    }

    .main-navigation ul li {
        padding: 0 10px
    }

    .main-navigation ul li:last-child {
        width: 68px;
    }
    .gt_float_switcher .gt-selected .gt-current-lang {
    
    font-size: 15px !important;
}

    .load-more-btn a {
        font-size: 15px;
        width: 131px;
        height: 52px
    }

    .load-more-btn {
        margin-top: 60px
    }

    p.no-more-posts-message {
        font-size: 16px!important;
        line-height: 16px!important;
        margin: 60px 0 0px!important
    }

    .commercial-service-content .content h6 {
        padding: 20px 0 40px 0;
    }
    .postid-298 .commercial-service-content .content h6 {
    padding: 0;
}
    .postid-92 .commercial-service-content .content h6 {
    display: none;
}
    .postid-91 .commercial-service-content .content h6 {
    display: none;
}
    .postid-90 .commercial-service-content .content h6 {
    display: none;
}
    .postid-89 .commercial-service-content .content h6 {
    display: none;
}
    .commercial-service-content .row {
    padding-top: 30px;
}
    .commercial-service-content .row .service-right-content h6 {
    padding: 0px 0 10px 0;
}

    .slider-main:before {
        top: 110px
    }

    .certificate-section .heading_content p {
        width: 50%
    }

    #certificate_slider {
        margin-top: 0
    }

    .certificate_item {
        height: 130px
    }

    .certificate {
        margin-top: -190px
    }

    .site-branding {
        width: 18%
    }

    a.header_btn {
        margin-right: 10px
    }

    .product-section {
        padding: 20px 0;
    }

    .product-section .heading_title {
        padding-bottom: 20px
    }

    .service-title h4 {
        font-size: 15px!important;
        line-height: 25.36px!important
    }

    .industry-insights-section {
        padding: 60px 0 60px
    }

    .about-content .heading_title {
        width: 100%
    }

    .product-section .heading_title h2 {
        width: 25%
    }

    .projects-section .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        padding-top: 0
    }

    .projects-section .heading_title h2 {
        width: 50%
    }

    .industry-insights-content-item {
        padding: 10px 0
    }

    .industry-insights-content-item h6 {
        font-size: 16px!important
    }

    .industry-insights-content-item p {
        font-size: 13px!important;
        line-height: 19px!important
    }

    .service-left-content h2 {
        font-size: 25px!important;
        line-height: 30px!important
    }

    .about-section {
        padding: 60px 0
    }

    .service_content {
        padding: 60px 0 60px
    }

    .latestnews-section .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        padding-bottom: 20px;
    }

    .contact-form-section {
        padding: 60px 0
    }

    .contact-form-section .section_heading .heading_title h2 {
        width: 40%
    }

    .heading_title h2 {
        margin-top: 20px;
        font-size: 32px !important;!I;!;
    }

    h2 {
        font-size: 32px!important;
    }

    .contact_form_sec input {
        padding: 10px 15px!important
    }

    .enquiry-form input {
        height: 35px
    }

    .contact_form_sec textarea {
        height: 130px;
        padding: 10px 15px
    }

    .contact_form_sec input,.contact_form_sec textarea {
        font-size: 12px
    }

    .enquiry-form .button-submit input.wpcf7-submit {
        font-size: 12px;
        width: 100px;
        height: 30px;
        line-height: 22px;
        padding: 0px!important
    }

    .contact-info-item h2 {
        font-size: 16px!important;
        line-height: 16px!important
    }

    .contact-info-item p,.contact-info-item p a,.contact-info-item .contact-no span {
        font-size: 13px!important;
        line-height: 16px!important
    }

    .contact-info-item {
        padding: 25px 20px
    }

    .certificate-sec .heading_bg {
        left: -80px
    }

    .certificate-sec {
        padding: 60px 0
    }

    .li_items li {
        font-size: 16px;
        line-height: 40px
    }

    .li_items li ul li {
        font-size: 16px;
        line-height: 30px
    }

    .Awards_Reco h4 {
        font-size: 28px!important;
        line-height: 50px!important
    }

    .Awards_Reco {
        padding-top: 20px
    }

    .certificate_img {
        padding-bottom: 25px
    }

    .cerificate_items {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(3,1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .cerificate_items_image img {
        width: 100%
    }

    .service-sec {
        padding: 40px 0 60px;
        background-color: #fff;
        position: relative
    }

    .service-sec .heading_title h2 {
        margin-bottom: 20px
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_bg span {
        font-size: 60px;
        line-height: 70px
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_title {
        margin-top: -70px
    }

    .service-sec h6 {
        line-height: 28px!important;
        letter-spacing: -.4px
    }

    .service-item-container .service-item-sec {
        width: 100%;
        max-width: 50%;
        padding: 20px 0
    }

    .service-item-container .service-item-sec:first-child:before {
        height: 140px;
        top: 10px
    }

    .service-item-sec .row .service-item-image {
        max-width: 80px;
        height: 80px;
        top: 15px
    }

    .service-item-sec .row .service-item-detail {
        max-width: 85%
    }

    .service-item-container:after {
        height: 98%;
        top: 10px;
        left: 50%;
        right: 50%
    }

    .service-sec .container:before {
        bottom: 50px
    }

    .service-item-container .service-item-sec:last-child:before {
        height: 140px;
        bottom: 10px
    }

    .service-item-container .service-item-sec:nth-child(even) .service-item-image {
        right: 28px
    }

    .service-item-container .service-item-sec:nth-child(odd) .service-item-image {
        right: -35px
    }

    .service-item-sec .row .service-item-detail .heading_title h2 {
        margin-top: 30px
    }

    .service-item-container {
        position: relative;
        padding: 115px 0
    }

    .read-more a {
        font-size: 14px;
        padding-bottom: 5px
    }

    .read-more a span {
        margin-left: 10px
    }

    .service-sec .section_heading {
        width: 80%;
    }

    .commercial-product-section .heading_bg,.contact-us-any-time .heading_bg {
        left: -50px
    }

    .product_detail .content h6 {
        font-size: 16px!important;
        line-height: 26px!important;
        margin: 20px 0
    }

    .product_detail .content ul li {
        height: 50px;
        font-size: 16px;
        line-height: 35px;
        max-width: 30.45%
    }

    .product_detail .content .row .product-right-content p {
        margin: 0 0 20px
    }

    .commercial-product-section {
        padding: 30px 0
    }

    .commercial-product-section .heading_title h2 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .product_detail .content ul {
        justify-content: flex-start
    }

    .main-footer .footer-col1 p {
        margin: 0px 0 0px 0;
        font-size: 30px!important;
        line-height: 26px!important;
        width: 100%;
        padding-bottom: 15px;
    }

    .contact_email h6 {
        font-size: 16px!important;
        line-height: 16px!important
    }

    .main-footer .footer-col1 .row p {
        font-size: 16px!important;
        line-height: 16px!important;
        padding-top: 10px
    }

    .footer-widget ul.menu li {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 30px
    }

    .main-footer {
        padding: 60px 0
    }

    .footer-widget h5 {
        font-size: 16px!important;
        line-height: 16px!important;
        padding: 0 0 15px 0
    }
    footer h4 {
    font-size: 22px !important;
}
    .footer-widget ul.menu li a {
    font-size: 14px;
    line-height: 30px;
}

    .copyright .footer-container {
        padding: 10px 0 0
    }

    .copyright {
        padding: 10px 0
    }

    .footer-social-icon p {
        font-size: 14px!important;
        padding-right: 10px
    }

    .page-template-News__Events .latestnews-section {
        padding: 50px 0
    }

    .news-and-events {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        padding-top: 25px
    }

    .news-and-events .news-item img {
        height: 300px
    }

    .news-and-events .item-content {
        padding-top: 15px
    }

    .recentpost-section {
        padding: 30px 0
    }

    .page-template-News__Events h2 {
        padding-top: 20px;
        font-size: 35px!important
    }

    .page-template-News__Events .heading_bg {
        left: 0
    }

    .news-and-events .item-content h4 {
        font-size: 18px!important;
        line-height: 28px!important
    }

    .recentpost-section .home-arrow .slick-arrow:last-child {
        left: 50px
    }

    .recentpost-section .home-arrow .slick-arrow:first-child {
        right: 50px
    }

    .events-item img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
        min-height: 400px
    }

    .single-post h2 {
        padding-bottom: 15px
    }

    .admin {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .icon_box h6 {
        font-size: 15px!important;
        line-height: 25px!important;
        margin-top: 10px
    }

    .icon_box span {
        font-size: 15px;
        line-height: 25px
    }

    .latestnews-section {
        padding: 50px 0 100px
    }

    .custom-blog-post .item-content h6 {
        font-size: 15px!important;
        line-height: 17px!important
    }

    .custom-blog-post {
        margin-bottom: 10px;
        padding-bottom: 15px
    }

    .custom-blog-post .item-content span {
        padding-left: 17px
    }

    .single-post .heading_bg {
        left: -20px
    }

    .product_detail .content-row-items .row {
        padding: 20px 0
    }

    .product_detail .content-row-items .row:nth-child(odd) .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        padding-right: 25px
    }

    .product_detail .content-row-items .row:nth-child(even) .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        padding-left: 25px
    }

    .about-company-profile-sec {
        padding: 40px 0 40px
    }

    .about-company-profile-sec .heading_bg {
        position: relative;
        left: -70px;
    }

    .about-company-profile-sec:after {
        height: 1296px
    }

    .director-message {
        padding: 20px 0 30px
    }

    .about-us-certificate .certificate-section {
        padding: 70px 0
    }

    .about-company-profile-sec .heading_title h2 {
        padding-bottom: 25px
    }

    .company_profile_content {
        padding-top: 25px
    }

    .mission-vision-item {
        width: 45%
    }

    .mission-vision-sec {
        padding: 40px 0 0
    }

    .about-company-profile-sec .mission-vision-sec .heading_bg span {
        font-size: 70px
    }

    .about-company-profile-sec .mission-vision-sec .heading_title h6 {
        font-size: 25px!important
    }

    .about-company-profile-sec .mission-vision-sec .section_heading {
        padding-bottom: 20px
    }

    .mission-vision-content p {
        width: 70%
    }

    .mission-vision-content {
        padding-bottom: 20px
    }

    .mission-vision-row .mission-vision-item:nth-child(even) .mission-vision-content p {
        margin: 0 0 16px auto
    }

    .mission-vision-row:after {
        height: 100%;
        bottom: 0;
        left: 50%;
        right: 50%
    }

    .pointer-image {
        top: 20px;
        left: 50%
    }

    .inner-about-us-sec .about-section {
        padding: 0 0 40px
    }

    .inner-about-us-sec .about-section .about-image-row .about-image {
        width: 20%;
        margin: 0 15px
    }

    .inner-about-us-sec .about-section .about-image-row .about-image:nth-child(2),.inner-about-us-sec .about-section .about-image-row .about-image:nth-child(4) {
        top: 0
    }

    .inner-about-us-sec .about-content {
        width: 100%;
        margin: 0 auto 20px
    }

    .inner-about-us-sec .about-column .learn-more {
        text-align: center;
        margin: 15px 0 0
    }

    .director-message .heading_title {
        margin-top: -50px
    }

    .director-message .section_heading {
        padding-bottom: 30px
    }

    .director-message .section_heading {
        padding-bottom: 20px
    }

    .director-message-content {
        width: 85%
    }

    .director-bio {
        margin-top: 30px
    }

    .director-bio h3 {
        font-size: 18px!important
    }

    .director-bio h6 {
        font-size: 15px!important;
        margin: 10px 0
    }

    .director-bio h5 {
        font-size: 15px!important;
        line-height: 18px!important
    }
}

@media only screen and (max-width: 1280px) {
	.commitment-column {
    padding: 20px 80px 20px 80px !important;
}
        .page-id-11 .sliderInner h1 {
    font-size: 35px !important;
    line-height: 45px !important;
}
	.management-section .tab-item span {
    font-size: 16px;
    line-height: 25px;
    padding-left: 10px;
    padding-right: 10px;
}
	.management-section .tab-content-item.active {
    display: block;
    padding-bottom: 40px;
}
    .header-container {
        padding-right:15px;
        padding-left: 15px
    }

    .image img {
        height: auto
    }

    .main-footer .footer-col1 img {
        margin-bottom: 0
    }

    .slider-main:before {
        top: 120px
    }

    .home-arrow {
        bottom: 30px
    }

    .commercial-service-content .content h6 {
        padding: 20px 0 20px 0
    }

    .table-responsive table.table.table-bordered thead th {
        font-size: 15px;
        padding-top: 18px!important;
        padding-bottom: 18px!important
    }

    .table-bordered th,td {
        font-size: 15px;
        padding-top: 18px!important;
        padding-bottom: 18px!important
    }

    .t_columns .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 h4 {
        font-size: 28px!important;
        line-height: 22px!important
    }

    .Counter_content h3 #counter {
        font-size: 40px;
        line-height: 50px!important
    }

    .commercial-service-section {
        padding: 30px 0
    }

    .Project_portfolio {
        padding: 20px 0
    }

    .main-navigation ul li {
        padding: 0 8px
    }

    .main-navigation ul li:last-child {
        margin-right: 6px
    }

    h1 {
        font-size: 30px!important;
        line-height: 40px!important
    }

    .contact-form-section {
        padding: 30px 0
    }

    .contact-form-section .section_heading .heading_title h2 {
        width: 50%
    }

    .heading_title h2 {
        margin-top: 15px
    }

    h2 {
        font-size: 20px!important
    }

    .contact_form_sec input {
        padding: 10px 15px!important
    }

    .enquiry-form input {
        height: 35px
    }

    .contact_form_sec textarea {
        height: 130px;
        padding: 10px 15px
    }

    .contact_form_sec input,.contact_form_sec textarea {
        font-size: 12px
    }

    .enquiry-form .button-submit input.wpcf7-submit {
        font-size: 12px;
        width: 100px;
        height: 30px;
        line-height: 22px;
        padding: 0px!important
    }

    .contact-info-item h2 {
        font-size: 16px!important;
        line-height: 16px!important
    }

    .contact-info-item p,.contact-info-item p a,.contact-info-item .contact-no span {
        font-size: 13px!important;
        line-height: 16px!important
    }

    .contact-info-item {
        padding: 25px 20px
    }

    .heading_title {
        margin-top: -30px
    }

    .certificate-sec .heading_bg {
        left: -50px
    }

    .certificate-sec {
        padding: 36px 0
    }

    .li_items li {
        font-size: 15px;
        line-height: 36px
    }

    .li_items li ul li {
        font-size: 15px;
        line-height: 28px
    }

    .Awards_Reco h4 {
        font-size: 25px!important;
        line-height: 45px!important
    }

    .Awards_Reco {
        padding-top: 20px
    }

    .certificate_img {
        padding-bottom: 25px
    }

    #orderpopup .modal-dialog {
        max-width: 1000px
    }

    .contact_form_sec input {
        padding: 10px 20px!important
    }

    .contact_form_sec textarea {
        height: 120px;
        margin: 10px 0;
        padding: 10px 20px
    }

    .contact_form_sec input.wpcf7-submit {
        width: 160px;
        height: 40px;
        font-size: 15px
    }

    #orderpopup .modal-dialog .modal-content .btn-close {
        right: 30px;
        width: 30px;
        height: 30px;
        top: 30px
    }

    #orderpopup .modal-dialog .modal-content .popup-row {
        padding: 40px 60px 40px
    }

    #orderpopup .modal-dialog .modal-content .popup-row h6 {
        font-size: 16px!important;
        line-height: 18px!important;
        letter-spacing: -.33px
    }

    #orderpopup .modal-dialog .modal-content .popup-row h2 {
        font-size: 30px!important;
        line-height: 50px!important
    }

    .order-form .col-lg-12.col-md-12.col-sm-12.col-xs-12:nth-child(10) .form-input .wpcf7-form-control-wrap {
        padding: 10px 20px
    }

    .order-form .col-lg-12.col-md-12.col-sm-12.col-xs-12:nth-child(10) {
        margin: 20px 0
    }

    #file-name {
        position: absolute;
        left: 150px;
        font-size: 15px
    }

    .page-template-News__Events .latestnews-section {
        padding: 40px 0
    }

    .news-and-events {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 25px;
        grid-row-gap: 25px;
        padding-top: 25px
    }

    .news-and-events .news-item img {
        height: 250px
    }

    .news-and-events .item-content {
        padding-top: 15px
    }

    .recentpost-section {
        padding: 25px 0
    }

    .page-template-News__Events h2 {
        padding-top: 20px
    }

    .page-template-News__Events .heading_bg {
        left: 0
    }

    .news-and-events .item-content h4 {
        font-size: 17px!important;
        line-height: 27px!important
    }

    .recentpost-section .home-arrow .slick-arrow:last-child {
        left: 40px
    }

    .recentpost-section .home-arrow .slick-arrow:first-child {
        right: 40px
    }

    .service-sec {
        padding: 30px 0 30px
    }

    .service-sec .heading_title h2 {
        margin-bottom: 15px
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_bg span {
        font-size: 40px;
        line-height: 55px
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_title {
        margin-top: -50px
    }

    .service-sec h6 {
        line-height: 22px!important;
        letter-spacing: -.2px
    }

    .service-item-sec .row .service-item-detail {
        max-width: 85%
    }

    .service-item-container:after {
        height: 98%;
        top: 10px;
        left: 50%;
        right: 50%
    }

    .service-sec .container:before {
        bottom: 50px
    }

    .service-item-container .service-item-sec:nth-child(even) .service-item-image {
        right: 13px
    }

    .service-item-container .service-item-sec:nth-child(odd) .service-item-image {
        right: -50px
    }

    .service-item-sec .row .service-item-detail .heading_title h2 {
        margin-top: 20px
    }

    .service-item-container {
        position: relative;
        padding: 80px 0
    }

    .service-item-container .service-item-sec:last-child:before {
        bottom: 30px
    }

    .service-item-sec .row .service-item-image {
        max-width: 50px;
        height: 50px;
        top: 15px
    }

    .read-more a {
        font-size: 14px;
        padding-bottom: 5px
    }

    .read-more a span {
        margin-left: 10px
    }

    .commercial-product-section .heading_bg,.contact-us-any-time .heading_bg {
        left: -30px
    }

    .product_detail .content h6 {
        font-size: 15px!important;
        line-height: 25px!important;
        margin: 20px 0
    }

    .product_detail .content ul li {
        height: 40px;
        font-size: 14px;
        line-height: 30px;
        max-width: 30.45%
    }

    .product_detail .content .row .product-right-content p {
        margin: 0 0 20px
    }

    .commercial-product-section {
        padding: 50px 0
    }

    .commercial-product-section .heading_title h2 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .product_detail .content ul {
        justify-content: flex-start
    }

    .contact-us-any-time .contact-time-content .heading_title h2 {
        margin-top: 10px;
        width: 100%;
        line-height: 25px!important
    }

    .product_detail .content p:nth-child(3) {
        margin: 20px 0
    }

    .contact-time-info p {
        width: 70%
    }

    .product_detail .content-row-items .row {
        padding: 15px 0
    }

    .product_detail .content-row-items .row:nth-child(odd) .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        padding-right: 20px
    }

    .product_detail .content-row-items .row:nth-child(even) .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        padding-left: 20px
    }

    .product_detail .content-row-items .row h3 {
        font-size: 16px!important;
        line-height: 26px!important
    }

    .main-navigation ul li a {
        font-size: 13px;
        line-height: 13px
    }

    .site-branding {
        width: 15%
    }

    .about-company-profile-sec {
        padding: 40px 0 40px
    }

    .about-company-profile-sec .heading_bg {
        position: relative;
        left: -10px
    }

    .about-company-profile-sec:after {
        height: 1140px
    }

    .about-section .about-image-row .about-image h6 {
        line-height: 16px!important;
        font-size: 14px!important
    }

    .director-message {
        padding: 30px 0 50px
    }

    .about-us-certificate .certificate-section {
        padding: 60px 0
    }

    .about-company-profile-sec .heading_title h2 {
        padding-bottom: 15px
    }

    .company_profile_content {
        padding-top: 25px
    }

    .mission-vision-item {
        width: 47%
    }

    .mission-vision-sec {
        padding: 20px 0 0
    }

    .about-company-profile-sec .mission-vision-sec .heading_bg span {
        font-size: 50px
    }

    .about-company-profile-sec .mission-vision-sec .heading_title h6 {
        font-size: 20px!important
    }

    .about-company-profile-sec .mission-vision-sec .section_heading {
        padding-bottom: 10px
    }

    .mission-vision-content p {
        width: 90%
    }

    .mission-vision-content {
        padding-bottom: 20px
    }

    .mission-vision-row .mission-vision-item:nth-child(even) .mission-vision-content p {
        margin: 0 0 16px auto
    }

    .mission-vision-row:after {
        height: 100%;
        bottom: 0;
        left: 50%;
        right: 50%
    }

    .pointer-image {
        top: 20px;
        left: 50%
    }

    .inner-about-us-sec .about-section {
        padding: 0 0 50px
    }

    .inner-about-us-sec .about-section .about-image-row .about-image {
        width: 20%;
        margin: 0 15px
    }

    .inner-about-us-sec .about-section .about-image-row .about-image:nth-child(2),.inner-about-us-sec .about-section .about-image-row .about-image:nth-child(4) {
        top: 0
    }

    .inner-about-us-sec .about-content {
        width: 100%;
        margin: 0 auto 20px
    }

    .inner-about-us-sec .about-column .learn-more {
        text-align: center;
        margin: 15px 0 0
    }

    .director-message .heading_title {
        margin-top: -25px
    }

    .director-message .section_heading {
        padding-bottom: 30px
    }

    .director-message .section_heading {
        padding-bottom: 20px
    }

    .director-message-content {
        width: 95%
    }

    .director-bio {
        margin-top: 15px
    }

    .director-bio h3 {
        font-size: 18px!important
    }

    .director-bio h6 {
        font-size: 15px!important;
        margin: 10px 0
    }

    .director-bio h5 {
        font-size: 15px!important;
        line-height: 18px!important
    }

    .heading_content p {
        font-size: 14px!important;
        width: 40%
    }

    .certificate {
        margin-top: -210px
    }

    .main-footer .footer-col1 p {
        margin: 0px 0 20px 0;
        font-size: 16px!important;
        line-height: 26px!important;
        width: 69%
    }

    .contact_email h6 {
        font-size: 16px!important;
        line-height: 16px!important
    }

    .main-footer .footer-col1 .row p {
        font-size: 16px!important;
        line-height: 16px!important;
        padding-top: 10px
    }

    .footer-widget ul.menu li {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 30px
    }

    .main-footer {
        padding: 30px 0
    }

    .footer-widget h5 {
        font-size: 16px!important;
        line-height: 16px!important;
        padding: 0 0 15px 0
    }

    .copyright .footer-container {
        padding: 10px 0 0
    }

    .copyright {
        padding: 10px 0
    }

    .footer-social-icon p {
        font-size: 16px!important;
        padding-right: 10px
    }
}

@media only screen and (max-width: 1263px) {
    	  /* journey manufacturing  */
.about-company {
    padding: 60px 0;
}

.banner-slider .slider.slider-for {
    max-width: 60%;
}
.banner-slider .slider.slider-nav {
    max-width: 35%;
    position: relative;
    bottom: 0px;
}
.slider-banner-image img {
    width: 430px;
    height: 430px;
}

.years-2024 {
    padding: 50px 5px;
    height: 210px;
}
        p {
        font-size: 14px !important;
        line-height: 24px !important;
    }


.side-titles h4 {
    font-size: 16px !important;!i;!;
    margin-bottom: 10px !important;!i;!;
    line-height: 24px !important;!I;!;
}


.banner-slider .slider.slider-for .slick-list {
    padding-left: 50px;
}

.company-records {
    margin-top: 30px;
}

.custom-years {
    top: 0;
    width: 671px;
    height: 671px;
}

.histtory {
    top: -20px;
    height: 411px;
    width: 55%;
}


.history-years-vertical__years, .history-years-vertical__years p {
    font-size: 110px !important;
}

    /* end  */
	.unveiling-content-item h6 {
        font-size: 13px !important;
        padding: 15px;
    }
	.page-id-11 .sliderInner .inner-content {
        padding-top: 40px;
    }
    .certificate-section .heading_bg {
        left:-15px
    }

    .certificate_row {
        width: 500px
    }

    .certificate_item {
        width: 140px;
        height: 100px
    }

    .certificate {
        margin-top: -210px
    }

    .ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more a {
        padding: 10px 10px;
        font-size: 12px
    }

    .ProductCatalog .ProductCatalog_row .ProductCatalog_item {
        padding: 15px
    }

    .ProductCatalog .ProductCatalog_row {
        grid-column-gap: 15px;
        grid-row-gap: 30px
    }

    .ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more:first-child {
        margin-right: 5px
    }

    .ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more:last-child {
        margin-left: 5px
    }
}

@media only screen and (max-width: 1198px) {
    .slider-main:before {
        top:120px
    }

    .certificate-section .heading_bg {
        left: -15px
    }

    .certificate_row {
        width: 500px
    }

    .certificate_item {
        width: 140px;
        height: 100px
    }

    .certificate {
        margin-top: -210px
    }

    .service-sec {
        padding: 30px 0 30px
    }

    .service-sec .heading_title h2 {
        margin-bottom: 15px
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_bg span {
        font-size: 40px;
        line-height: 55px
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_title {
        margin-top: -50px
    }

    .service-sec h6 {
        line-height: 22px!important;
        letter-spacing: -.2px
    }

    .service-item-sec .row .service-item-detail {
        max-width: 85%
    }

    .service-item-container:after {
        height: 98%;
        top: 10px;
        left: 50%;
        right: 50%
    }

    .service-sec .container:before {
        bottom: 50px
    }

    .service-item-container .service-item-sec:nth-child(even) .service-item-image {
        right: 13px
    }

    .service-item-container .service-item-sec:nth-child(odd) .service-item-image {
        right: -38px
    }

    .service-item-sec .row .service-item-detail .heading_title h2 {
        margin-top: 20px
    }

    .service-item-container {
        position: relative;
        padding: 80px 0
    }

    .service-item-container .service-item-sec:last-child:before {
        bottom: 30px
    }

    .service-item-sec .row .service-item-image {
        max-width: 50px;
        height: 50px;
        top: 15px
    }

    .read-more a {
        font-size: 14px;
        padding-bottom: 5px
    }

    .read-more a span {
        margin-left: 10px
    }

    h3,h4 {
        font-size: 30px!important;
        line-height: 40px!important
    }

    .commercial-service-section h5 {
        font-size: 30px!important
    }
}

@media only screen and (max-width: 1024px) {
	/* journey manufacturing  */
    .management-section .modal-content {
    padding-left: 0px;
    padding-top: 20px;
}
    .management-section .modal-body {
        height: 435px;
        margin-right: 25px;
        padding-right: 0px;
        padding-left: 15px;
    }
.about-company {
    padding: 60px 0;
}

.banner-slider .slider.slider-for {
    max-width: 60%;
}
.banner-slider .slider.slider-nav {
    max-width: 35%;
    position: relative;
    bottom: 0px;
}
.slider-banner-image img {
    width: 430px;
    height: 430px;
}

.years-2024 {
    padding: 50px 5px;
    height: 210px;
}
        p {
        font-size: 14px !important;
        line-height: 24px !important;
    }


.side-titles h4 {
    font-size: 16px !important;
    margin-bottom: 10px !important;
    line-height: 24px !important;
}


.banner-slider .slider.slider-for .slick-list {
    padding-left: 50px;
}

.company-records {
    margin-top: 30px;
}

.custom-years {
    top: 0;
    width: 671px;
    height: 671px;
}

.histtory {
    top: -20px;
    height: 411px;
    width: 55%;
}


.history-years-vertical__years, .history-years-vertical__years p {
    font-size: 110px !important;
}

    /* end  */
    .main-navigation ul li:last-child {
        width:80px
    }

    .enquiry-form input {
        height: 60px
    }

    .header-info nav.navbar {
        padding: 0 0 0 0px!important
    }

    .custom-search .content h2 {
        font-size: 16px!important;
        line-height: 26px!important
    }

    .slider-main:before {
        top: 115px
    }

    .latestnews-section .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        padding-bottom: 30px
    }

    .section_heading {
        padding-bottom: 0
    }

    .projects-section .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        padding-top: 10px
    }

    .service_content {
        padding: 30px 0 60px
    }

    .main-navigation ul li:nth-child(3):after {
        width: 9px;
        height: 4px;
        top: 6px;
        right: -6px
    }

    .main-navigation ul li {
        padding: 0 8px
    }

    .header-container {
        padding-right: 30px
    }

    .industry-insights-section .heading_bg,.product-section .heading_bg,.projects-section .heading_bg,.certificate-section .heading_bg,.latestnews-section .heading_bg {
        left: -20px
    }

    .table_detail h5 {
        padding-bottom: 20px;
        padding-top: 20px
    }

    .table-responsive table.table.table-bordered thead th {
        font-size: 15px;
        padding-top: 15px!important;
        padding-bottom: 15px!important
    }

    .table-bordered th,td {
        font-size: 15px;
        padding-top: 15px!important;
        padding-bottom: 15px!important
    }

    .commercial-service-section .col-lg-6.col-md-6.col-sm-12.col-xs-12:nth-child(1) .image {
        position: sticky!important;
        top: 10px
    }

    .commercial-service-section h5 {
        font-size: 25px!important
    }

    h3,h4 {
        font-size: 25px!important;
        line-height: 35px!important
    }

    .commercial-service-content .content h6 {
        padding: 15px 0;
        font-size: 16px!important
    }

    .commercial-service-section {
        padding: 20px 0
    }

    .commercial-service-content .row .service-right-content ul li strong {
        font-size: 17px;
        line-height: 27px
    }

    .commercial-service-content .row {
        padding-top: 20px
    }

    .project-pop {
        grid-column-gap: 15px;
        grid-row-gap: 15px
    }

    .about-section {
        padding: 15px 0 25px
    }

    .our_products .product_item:nth-child(even) .product_item_row .product_item_content {
        padding: 0 20px 0 0
    }

    .our_products .product_item .product_item_row .product_item_content {
        padding: 0 0 0 20px
    }

    .our_products .product_item .product_item_row .product_item_content .product_except_content p {
        font-size: 15px!important
    }

    .product-icon-imag {
        padding-bottom: 10px
    }

    .about-section .heading_title h2 {
        line-height: 28px!important
    }

    .project-slider {
        margin-left: calc((100% - 1020px) / -2)
    }

    .news2 .item-content h4,.news3 .item-content h4 {
        font-size: 14px!important;
        line-height: 24px!important
    }

    .custom-news .news-item:nth-child(2) img,.custom-news .news-item:last-child img {
        height: 200px
    }

    .certificate-section {
        padding: 20px 0
    }

    #breadcrumbs span a,#breadcrumbs span {
        font-size: 13px;
        line-height: 23px
    }

    .contact-form-section {
        padding: 20px 0
    }

    .heading_bg span {
        font-size: 50px
    }

    .contact-info-item img {
        width: 15%
    }

    .contact-form-section .heading_bg {
        left: -20px!important
    }

    .contact-form-section .section_heading .heading_title h2 {
        width: 26%
    }

    .heading_title h2 {
        margin-top: 10px
    }

    h2 {
        font-size: 18px!important;
        letter-spacing: -1px
    }

    .contact_form_sec input {
        padding: 10px 15px!important
    }

    .contact_form_sec textarea {
        height: 130px;
        padding: 10px 15px
    }

    .contact_form_sec {
        padding-top: 15px
    }

    .contact_form_sec input,.contact_form_sec textarea {
        font-size: 12px
    }

    .enquiry-form .button-submit input.wpcf7-submit {
        font-size: 12px;
        width: 100px;
        height: 30px;
        line-height: 22px;
        padding: 0px!important
    }

    .contact-info-item h2 {
        font-size: 15px!important;
        line-height: 16px!important
    }

    .contact-info-item p,.contact-info-item p a,.contact-info-item .contact-no span {
        font-size: 12px!important;
        line-height: 16px!important
    }

    .contact-info-item {
        padding: 20px 15px
    }

    .latestnews-section .col-lg-8.col-md-8.col-sm-12.col-xs-12 {
        padding-bottom: 20px
    }

    .projects-section {
        padding: 20px 0
    }

    .projects-section .col-lg-8.col-md-8.col-sm-12.col-xs-12 {
        padding-bottom: 30px
    }

    .site-branding {
        width: 12%
    }

    a.header_btn {
        margin-right: 10px
    }

    a.header_btn {
        font-size: 9px;
        width: 80px;
        height: 30px
    }

    #orderpopup .modal-dialog {
        max-width: 800px
    }

    #orderpopup .modal-dialog .modal-content .popup-row h2 {
        font-size: 25px!important;
        line-height: 40px!important
    }

    #orderpopup .modal-dialog .modal-content .popup-row h6 {
        font-size: 14px!important;
        line-height: 16px!important
    }

    #orderpopup .modal-dialog .modal-content .btn-close {
        right: 25px;
        width: 25px;
        height: 25px;
        top: 22px
    }

    #orderpopup .modal-dialog .modal-content .popup-row {
        padding: 30px 40px 30px
    }

    .heading_title {
        margin-top: -30px
    }

    .certificate-sec .heading_bg {
        left: -35px
    }

    .certificate-sec {
        padding: 25px 0
    }

    .li_items li {
        font-size: 15px;
        line-height: 36px
    }

    .li_items li ul li {
        font-size: 15px;
        line-height: 28px
    }

    .Awards_Reco h4 {
        font-size: 22px!important;
        line-height: 40px!important
    }

    .Awards_Reco {
        padding-top: 15px
    }

    .certificate_img {
        padding-bottom: 20px
    }

    .service-sec {
        padding: 20px 0 20px
    }

    .service-sec .heading_title h2 {
        margin-bottom: 10px
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_bg span {
        font-size: 30px;
        line-height: 50px
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_title {
        margin-top: -50px
    }

    .service-sec h6 {
        line-height: 22px!important;
        letter-spacing: -.2px
    }

    .service-item-sec .row .service-item-detail {
        max-width: 85%
    }

    .service-sec .container:before {
        bottom: 25px
    }

    .service-item-container .service-item-sec:nth-child(even) .service-item-image {
        right: 13px
    }

    .service-item-container .service-item-sec:nth-child(odd) .service-item-image {
        right: -35px
    }

    .service-item-sec .row .service-item-detail .heading_title h2 {
        margin-top: 20px
    }

    .service-item-container {
        position: relative;
        padding: 50px 0
    }

    .service-item-container .service-item-sec:last-child:before {
        bottom: 30px
    }

    .service-item-sec .row .service-item-image {
        max-width: 50px;
        height: 50px;
        top: 15px
    }

    .read-more a {
        font-size: 14px;
        padding-bottom: 5px
    }

    .read-more a span {
        margin-left: 10px
    }

    .commercial-product-section .heading_bg,.contact-us-any-time .heading_bg {
        left: -20px
    }

    .product_detail .content h6 {
        font-size: 15px!important;
        line-height: 25px!important;
        margin: 20px 0
    }

    .product_detail .content ul li {
        height: 40px;
        font-size: 14px;
        line-height: 30px;
        max-width: 30.45%
    }

    .product_detail .content-row-items {
        padding: 20px 0 0
    }

    .product_detail .content .row .product-right-content p {
        margin: 0 0 20px
    }

    .commercial-product-section {
        padding: 20px 0
    }

    .commercial-product-section .heading_title h2 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .product_detail .content ul {
        justify-content: flex-start
    }

    .contact-us-any-time .contact-time-content .heading_title h2 {
        margin-top: 10px;
        width: 100%;
        line-height: 25px!important
    }

    .product_detail .content p:nth-child(3) {
        margin: 20px 0
    }

    .contact-time-info p {
        width: 80%
    }

    .main-navigation ul li a {
        font-size: 10px;
        line-height: 12px
    }

    .page-template-News__Events .latestnews-section {
        padding: 60px 0
    }

    .news-and-events {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        padding-top: 60px
    }

    .news-and-events .news-item img {
        height: 225px
    }

    .news-and-events .item-content {
        padding-top: 10px
    }

    .recentpost-section {
        padding: 40px 0
    }

    .news-and-events .item-content h4 {
        font-size: 16px!important;
        line-height: 26px!important
    }

    .recentpost-section .home-arrow .slick-arrow:last-child {
        left: 25px
    }

    .recentpost-section .home-arrow .slick-arrow:first-child {
        right: 25px
    }

    .home-arrow button img {
        width: 36px;
        height: 36px
    }

    .page-template-News__Events h2 {
        padding-top: 0
    }

    .about-company-profile-sec {
        padding: 20px 0 20px
    }

    .about-company-profile-sec .heading_bg {
        position: relative;
        left: -20px
    }

    .about-company-profile-sec:after {
        height: 1140px
    }

    .about-section .about-image-row .about-image h6 {
        line-height: 16px!important;
        font-size: 14px!important
    }

    .director-message {
        padding: 20px 0 30px
    }

    .about-us-certificate .certificate-section {
        padding: 40px 0
    }

    .about-company-profile-sec .heading_title h2 {
        padding-bottom: 15px
    }

    .company_profile_content {
        padding-top: 25px
    }

    .mission-vision-item {
        width: 47%
    }

    .mission-vision-sec {
        padding: 20px 0 0
    }

    .about-company-profile-sec .mission-vision-sec .heading_bg span {
        font-size: 40px
    }

    .about-company-profile-sec .mission-vision-sec .heading_title h6 {
        font-size: 18px!important
    }

    .about-company-profile-sec .mission-vision-sec .section_heading {
        padding-bottom: 10px
    }

    .mission-vision-content p {
        width: 95%
    }

    .mission-vision-content {
        padding-bottom: 10px
    }

    .mission-vision-row .mission-vision-item:nth-child(even) .mission-vision-content p {
        margin: 0 0 12px auto
    }

    .mission-vision-row:after {
        height: 100%;
        bottom: 0;
        left: 50%;
        right: 50%
    }

    .pointer-image {
        top: 20px;
        left: 50%
    }

    .inner-about-us-sec .about-section {
        padding: 0 0 20px
    }

    .inner-about-us-sec .about-section .about-image-row .about-image {
        width: 20%;
        margin: 0 15px
    }

    .inner-about-us-sec .about-content {
        width: 100%;
        margin: 0 auto 20px
    }

    .inner-about-us-sec .about-column .learn-more {
        text-align: center;
        margin: 15px 0 0
    }

    .director-message .heading_title {
        margin-top: -25px
    }

    .director-message .section_heading {
        padding-bottom: 30px
    }

    .director-message .section_heading {
        padding-bottom: 20px
    }

    .director-message-content {
        width: 100%
    }

    .director-bio {
        margin-top: 15px
    }

    .director-bio h3 {
        font-size: 18px!important
    }

    .director-bio h6 {
        font-size: 15px!important;
        margin: 10px 0
    }

    .director-bio h5 {
        font-size: 15px!important;
        line-height: 18px!important
    }

    .about-section .section_heading {
        padding-bottom: 20px
    }

    .about-section .about-image-row .about-image:hover .about-image-item h6 {
        bottom: 60px
    }

    .certificate-section .heading_bg {
        left: -15px
    }

    .certificate_row {
        width: 500px
    }

    .certificate_item {
        width: 140px;
        height: 100px
    }

    .events-item img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
        min-height: 400px
    }

    .single-post h2 {
        padding-bottom: 15px
    }

    .admin {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .icon_box h6 {
        font-size: 14px!important;
        line-height: 24px!important;
        margin-top: 10px
    }

    .icon_box span {
        font-size: 14px;
        line-height: 24px
    }

    .latestnews-section {
        padding: 40px 0
    }

    .recentpost-section .section_heading {
        padding-bottom: 20px;
        padding-top: 40px
    }

    .custom-blog-post .item-content h6 {
        font-size: 14px!important;
        line-height: 16px!important
    }

    .custom-blog-post {
        margin-bottom: 10px;
        padding-bottom: 15px
    }

    .custom-blog-post .item-content span {
        padding-left: 17px
    }

    .single-post .heading_bg {
        left: -10px
    }

    .main-footer .footer-col1 p {
        margin: 15px 0 15px 0;
        font-size: 16px!important;
        line-height: 26px!important;
        width: 75%
    }

    .contact_email h6 {
        font-size: 15px!important;
        line-height: 16px!important
    }

    .main-footer .footer-col1 .row p {
        font-size: 15px!important;
        line-height: 16px!important;
        padding-top: 10px
    }

    .footer-widget ul.menu li {
        margin-bottom: 0;
        font-size: 13px;
        line-height: 26px
    }

    .main-footer {
        padding: 20px 0
    }

    .footer-widget h5 {
        font-size: 15px!important;
        line-height: 16px!important;
        padding: 0 0 10px 0
    }

    .copyright .footer-container {
        padding: 10px 0 0
    }

    .copyright {
        padding: 10px 0
    }

    .footer-social-icon p {
        font-size: 15px!important;
        padding-right: 10px
    }

    .footer-col2 {
        flex: 0 0 12%
    }

    .footer-socialnav li {
        margin-left: 0
    }

    .footer-socialnav img {
        width: 70%
    }
}

@media only screen and (max-width: 1023px) {
    .navbar-toggler:focus {
        box-shadow:0 0 0 0!important
    }

    .header-container .header-info {
        width: 100%
    }

    .header-container nav.navbar {
        width: 100%;
        padding: 0
    }

    button.navbar-toggler {
        border: 0;
        padding-right: 50px;
        color: #ffffff!important;
        font-size: 60px!important
    }

    span.navbar-toggler-icon {
        color: #ffffff!important;
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(310deg) brightness(104%) contrast(101%);
        width: 30px!important
    }

    .site-branding {
        width: 30%;
        padding: 0px!important;
        margin: 0px!important
    }

    a.header_btn {
        margin-right: 10px
    }

    a.header_btn {
        font-size: 12px;
        width: 100px;
        height: 35px
    }

    .header-container {
        padding-right: 0;
        padding-left: 0
    }

    .menu_title {
        font-size: 0px!important
    }

    #wprmenu_bar .bar_logo {
        height: 70px!important;
        width: auto!important
    }

    div#wprmenu_bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
        padding-left: 0;
        width: 100%
    }

    #wprmenu_menu_ul .icon_default:before {
        content: ""!important;
        background-image: url(/emirates-extrusion-2/wp-content/uploads/2024/03/drop_down_icon.png)!important;
        background-repeat: no-repeat!important;
        background-size: contain!important;
        width: 15px!important;
        height: 7px!important;
        display: block!important;
        position: absolute!important;
        top: 12px!important;
        right: 10px!important
    }
}

@media only screen and (max-width: 991px) {
	.continuously-section {
    padding: 30px 0px;
}
	.continuously-item {
    display: block;
    padding: 20px 0;
}
		.commitment-column {
    padding: 20px 50px 20px 50px !important;
}
    .header-fixed {
    padding-top: 0px;
}
    
		/* journey manufacturing  */
.about-company {
    padding: 60px 0;
}

.banner-slider .slider.slider-for {
    max-width: 65%;
}
.banner-slider .slider.slider-nav {
    max-width: 35%;
    position: relative;
    bottom: 0px;
}
.slider-banner-image img {
    width: 360px;
    height: 360px;
}

.years-2024 {
    padding: 36px 5px;
    height: 170px;
}
        p {
        font-size: 14px !important;
        line-height: 24px !important;
    }


.side-titles h4 {
    font-size: 16px !important;
    margin-bottom: 10px !important;
    line-height: 24px !important;
}


.banner-slider .slider.slider-for .slick-list {
    padding-left: 30px;
}

.company-records {
    margin-top: 30px;
}

.custom-years {
    top: 0;
    width: 671px;
    height: 671px;
}

.histtory {
    top: -20px;
    height: 475px;
    width: 55%;
}


.history-years-vertical__years, .history-years-vertical__years p {
    font-size: 90px !important;
}

    /* end  */
	.management-section .tab-content-item.active {
        display: block;
        padding-bottom: 0px;
    }
    .main-navigation ul li:last-child {
        width:100%;
        height: 100px;
        padding-top: 12px
    }

    .custom-news {
        display: block
    }

    .custom-news .news-item:nth-child(2),.custom-news .news-item:last-child {
        padding-left: 0;
        margin: 20px 0
    }

    .ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more a {
        padding: 10px 10px;
        font-size: 12px
    }

    .ProductCatalog .ProductCatalog_row .ProductCatalog_item {
        padding: 15px
    }

    .ProductCatalog .ProductCatalog_row {
        grid-column-gap: 15px;
        grid-row-gap: 30px;
        grid-template-columns: repeat(2,1fr)
    }

    .ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more:first-child {
        margin-right: 5px
    }

    .ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more:last-child {
        margin-left: 5px
    }

    .main-navigation ul li:nth-child(3):after {
        width: 9px;
        height: 4px;
        top: 18px;
        right: 0
    }

    .slider-main:before {
        top: 20px
    }

    button.navbar-toggler {
        font-size: 20px!important;
        line-height: 20px
    }

    .header-info nav.navbar {
        padding: 0 0 0 0px!important
    }

    header#masthead {
        position: relative
    }

    .slider-main {
        position: relative;
        margin-top: -5px
    }

    .header-info .navbar-collapse {
        padding-right: 50px;
        padding-left: 50px;
        padding-bottom: 0
    }

    .header-info .site-branding.navbar-brand {
        width: 32%
    }

    .main-navigation {
        width: 100%;
        margin: 0 auto
    }

    .main-navigation ul li.menu-item-653 {
        border-left: 0 solid rgb(255 255 255 / 30%)
    }

    .header-container nav.navbar {
        width: 100%;
        padding: 0;
        background-color: #141414!important
    }

    button.navbar-toggler {
        padding-right: 0;
        padding: 0 40px 0 0px!important
    }

    .main-navigation ul li a {
        font-size: 20px;
        line-height: 50px
    }

    .main-navigation ul {
        display: flex;
        width: 100%
    }

    .main-navigation ul li {
        padding: 0 0;
        width: 100%
    }

    .main-navigation ul li {
        padding: 0 0;
        width: 100%;
        border-bottom: 1px solid rgb(255 255 255 / 30%)
    }

    .main-navigation ul li:last-child {
        margin-right: 10px;
        border-right: 0 solid rgb(255 255 255 / 30%);
        border-left: 0 solid rgb(255 255 255 / 30%);
        margin-right: 0
    }

    a.header_btn {
        font-size: 18px;
        line-height: 28px;
        width: 200px;
        height: 51px;
        float: left;
        margin-top: 20px;
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 992px) {
	.management-section .row {
    display: block;
}
	.management-section .row .col-md-7, .management-section .row .col-md-5 {
    width: 100%;
}
	.management-section .featured-img.active {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
    .certificate_row {
        width:400px
    }

    .certificate_item {
        width: 100px;
        height: 80px
    }

    .contact_email h6 {
        font-size: 13px!important;
        line-height: 16px!important
    }

    .main-footer .footer-col1 .row p {
        font-size: 13px!important;
        line-height: 13px!important;
        padding-top: 10px
    }

    .contact-form-section .section_heading .heading_title h2 {
        width: 50%
    }

    .main-navigation ul li a {
        font-size: 10px
    }

    #orderpopup .modal-dialog {
        max-width: 800px
    }

    #orderpopup .modal-dialog .modal-content .popup-row h2 {
        font-size: 25px!important;
        line-height: 40px!important
    }

    #orderpopup .modal-dialog .modal-content .popup-row h6 {
        font-size: 14px!important;
        line-height: 16px!important
    }

    #orderpopup .modal-dialog .modal-content .btn-close {
        right: 25px;
        width: 25px;
        height: 25px;
        top: 22px
    }

    #orderpopup .modal-dialog .modal-content .popup-row {
        padding: 30px 40px 30px
    }

    .service-sec {
        padding: 20px 0 20px
    }

    .service-sec .heading_title h2 {
        margin-bottom: 10px
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_bg span {
        font-size: 30px;
        line-height: 50px
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_title {
        margin-top: -50px
    }

    .service-sec h6 {
        line-height: 22px!important;
        letter-spacing: -.2px
    }

    .service-item-sec .row .service-item-detail {
        max-width: 85%
    }

    .service-sec .container:before {
        bottom: 25px
    }

    .service-item-container .service-item-sec:nth-child(even) .service-item-image {
        right: 13px
    }

    .service-item-container .service-item-sec:nth-child(odd) .service-item-image {
        right: -35px
    }

    .service-item-sec .row .service-item-detail .heading_title h2 {
        margin-top: 20px
    }

    .service-item-container {
        position: relative;
        padding: 50px 0
    }

    .service-item-container .service-item-sec:last-child:before {
        bottom: 30px
    }

    .service-item-sec .row .service-item-image {
        max-width: 50px;
        height: 50px;
        top: 15px
    }

    .read-more a {
        font-size: 14px;
        padding-bottom: 5px
    }

    .read-more a span {
        margin-left: 10px
    }
}

@media only screen and (max-width: 960px) {
    .certificate_row {
        width:400px
    }

    .certificate_item {
        width: 100px;
        height: 80px
    }

    .project-slider {
        margin: 0
    }

    .section_heading {
        padding-bottom: 20px
    }

    .industry-insights-section .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        padding-bottom: 20px
    }

    .certificate-section .heading_content p {
        width: 56%
    }

    .latestnews-section .heading_title {
        width: 90%
    }

    .about-content .heading_title {
        width: 100%
    }

    .industry-insights-section {
        padding: 30px 0 30px
    }

    .projects-section .col-lg-8.col-md-8.col-sm-12.col-xs-12 {
        padding-bottom: 0
    }

    #myModal .modal-dialog {
        max-width: 80%
    }
}

@media only screen and (max-width: 800px) {
    #myModal .modal-dialog {
        max-width:95%;
        margin: 0
    }

    #myModal .modal-dialog .modal-content .popup-row {
        padding: 40px 20px 40px 20px
    }

    #myModal .modal-dialog .modal-content {
        width: 100%
    }

    .cs-search-form button {
        padding: 5px 15px
    }

    #myModal .cs-search-form input {
        padding: 15px 15px!important
    }

    .header-info .site-branding.navbar-brand {
        width: 30%
    }

    .header-info nav.navbar {
        padding: 0 0 0 0px!important
    }

    .header-info .navbar-collapse {
        padding-right: 30px;
        padding-left: 30px
    }

    .main-navigation ul li {
        padding: 0 0
    }

    .main-navigation ul li a {
        font-size: 18px;
        line-height: 40px
    }

    .cs-search-wrapper {
        grid-template-columns: 100%
    }

    .slider-main:before {
        top: 15px
    }

    .main-navigation ul li {
        padding: 0 5px
    }

    a.header_btn {
        font-size: 10px;
        width: 65px;
        height: 30px
    }

    .header-container {
        padding-right: 0
    }

    .site-branding {
        width: 15%;
        padding: 0px!important
    }
}

@media only screen and (max-width: 800px) {
    .load-more-btn a {
        font-size:14px;
        width: 121px;
        height: 42px
    }

    .load-more-btn {
        margin-top: 30px
    }

    p.no-more-posts-message {
        font-size: 14px!important;
        line-height: 14px!important;
        margin: 30px 0 0px!important
    }

    .contact-info-section .row {
        margin-bottom: -50px
    }

    .product-section {
        padding: 35px 0
    }

    #wprmenu_menu_ul .icon_default:before {
        content: ""!important;
        background-image: url(/emirates-extrusion-2/wp-content/uploads/2024/03/drop_down_icon.png)!important;
        background-repeat: no-repeat!important;
        background-size: contain!important;
        width: 15px!important;
        height: 7px!important;
        display: block!important;
        position: absolute!important;
        top: 12px!important;
        right: 10px!important
    }

    .about-company-profile-sec .heading_title {
        width: 100%
    }

    .custom-news .news-item:nth-child(2),.custom-news .news-item:last-child {
        padding-left: 0px!important;
        padding-top: 20px!important
    }

    .home-arrow {
        bottom: 30px;
        right: 15%
    }

    .about-column .col-lg-5.col-md-5.col-sm-12.col-xs-12 {
        width: 100%
    }

    .about-column .row {
        flex-direction: column-reverse
    }

    .about-column .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        width: 100%
    }

    .about-section .about-image-row .about-image-item img {
        width: 100%
    }

    .page-id-11 .service-image img {
        height: 620px
    }

    .projects-section .heading_title h2 {
        width: 80%;
        margin-bottom: 0
    }

    .our_products .product_item .product_item_row .product_item_content .product_item_content_detail h2 {
        font-size: 20px!important
    }

    .table-responsive table.table.table-bordered thead th:first-child,.table-responsive table.table.table-bordered tbody td:first-child {
        padding-left: 15px
    }

    .t_columns .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        width: 30.5%;
        height: 150px
    }

    .t_columns .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 p {
        margin: 10px 0 0 0;
        font-size: 13px!important
    }

    .table-responsive table.table.table-bordered thead th {
        font-size: 14px
    }

    .table-bordered th,td {
        font-size: 14px
    }

    .Counter_content h3 #counter {
        font-size: 25px;
        line-height: 35px!important
    }

    .commercial-service-section h5 {
        font-size: 18px!important
    }

    h3,h4 {
        font-size: 20px!important;
        line-height: 30px!important
    }

    .custom-news .news-item a {
        font-size: 12px
    }

    .industry-insights-section .heading_bg,.product-section .heading_bg,.projects-section .heading_bg,.certificate-section .heading_bg,.latestnews-section .heading_bg {
        left: -20px
    }

    .our_products .product_item .product_item_row {
        display: flex
    }

    .our_products .product_item .product_item_row .product_featured_image {
        max-width: 100%;
        padding-bottom: 20px
    }

    .our_products .product_item:nth-child(even) .product_item_row .product_item_content {
        padding: 0 20px 20px 0
    }

    .product_featured_image img {
        width: 100%
    }

    .our_products .product_item .product_item_row .product_item_content {
        padding: 0 0 20px 20px;
        max-width: 100%
    }

    .sliderInner .inner-content .text h1 {
        font-size: 22px!important;
        line-height: 30px!important;
        letter-spacing: 0
    }

    .slider-main:before {
        top: 70px
    }

    .service-image img {
        height: 380px
    }

    .service-item-container .service-item-sec {
        padding: 10px 0
    }

    .service-left-content {
        padding: 15px 0 0
    }

    .sliderInner .inner-content {
        top: 50px!important
    }

    .industry-insights-section .row {
        width: 100%!important;
        margin: 0 auto
    }

    .industry-insights-section .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        width: 100%
    }

    .industry-insights-section .col-lg-5.col-md-5.col-sm-12.col-xs-12 {
        width: 100%
    }

    .custom-news .news-item:nth-child(2),.custom-news .news-item:last-child {
        padding-left: 5px;
        padding-top: 25px
    }

    .custom-news {
        display: block
    }

    #breadcrumbs span a,#breadcrumbs span {
        font-size: 12px;
        line-height: 22px
    }

    .contact-form-section {
        padding: 15px 0
    }

    .heading_bg span {
        font-size: 40px
    }

    .contact-info-item img {
        width: 15%
    }

    .contact-form-section .heading_bg {
        left: -20px!important
    }

    .contact-form-section .section_heading .heading_title h2 {
        width: 80%
    }

    .heading_title h2 {
        margin-top: 10px
    }

    h2 {
        font-size: 18px!important;
        letter-spacing: -1px
    }

    .contact_form_sec input {
        padding: 10px 15px!important
    }

    .enquiry-form input {
        height: 30px
    }

    .contact_form_sec textarea {
        height: 100px;
        padding: 10px 15px
    }

    .contact_form_sec {
        padding-top: 10px
    }

    .contact_form_sec input,.contact_form_sec textarea {
        font-size: 12px
    }

    .enquiry-form .button-submit input.wpcf7-submit {
        font-size: 12px;
        height: 30px;
        line-height: 22px;
        padding: 0px!important
    }

    .contact-info-item h2 {
        font-size: 15px!important;
        line-height: 16px!important
    }

    .contact-info-item p,.contact-info-item p a,.contact-info-item .contact-no span {
        font-size: 11px!important;
        line-height: 14px!important
    }

    .contact-info-item {
        padding: 10px 10px
    }

    .contact-info-section .col-xs-12 {
        margin-bottom: 20px
    }

    .site-branding {
        width: 15%;
        padding: 0px!important
    }

    a.header_btn {
        margin-right: 10px
    }

    a.header_btn {
        font-size: 12px;
        width: 100px;
        height: 35px
    }

    .header-container {
        padding-right: 0;
        padding-left: 0
    }

    .menu_title {
        font-size: 0px!important
    }

    #wprmenu_bar .bar_logo {
        height: 70px!important;
        width: auto!important
    }

    div#wprmenu_bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
        padding-left: 0;
        width: 100%
    }

    #orderpopup .modal-dialog {
        max-width: 600px
    }

    #orderpopup .modal-dialog .modal-content .popup-row h2 {
        font-size: 18px!important;
        line-height: 30px!important
    }

    #orderpopup .modal-dialog .modal-content .popup-row h6 {
        font-size: 12px!important;
        line-height: 14px!important
    }

    #orderpopup .modal-dialog .modal-content .btn-close {
        right: 25px;
        width: 25px;
        height: 25px;
        top: 22px
    }

    #orderpopup .modal-dialog .modal-content .popup-row {
        padding: 20px 30px 20px
    }

    div#orderpopup {
        margin-top: 30px
    }

    #file-name {
        position: absolute;
        left: 134px;
        font-size: 13px
    }

    .copyright p.copy-text {
        font-size: 12px!important
    }

    .service-sec {
        padding: 20px 0 20px
    }

    .service-sec .heading_title h2 {
        margin-bottom: 10px
    }

    .service-item-container .service-item-sec:nth-child(odd) .row .service-item-detail .section_heading {
        text-align: left
    }

    .service-item-container .service-item-sec:nth-child(odd) {
        text-align: left
    }

    .service-item-container .service-item-sec:nth-child(odd) .row .service-item-image {
        order: 1
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_bg span {
        font-size: 30px;
        line-height: 50px
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_title {
        margin-top: -50px
    }

    .service-sec h6 {
        line-height: 22px!important;
        letter-spacing: -.2px
    }

    .service-item-sec .row .service-item-detail {
        max-width: 100%;
        padding: 0
    }

    .service-sec .container:before {
        bottom: 15px
    }

    .service-item-container:after {
        height: 98%;
        top: 10px;
        left: 50%;
        right: 50%;
        display: none
    }

    .service-item-container .service-item-sec:last-child:before {
        height: 120px;
        bottom: 10px;
        display: none
    }

    .service-item-container .service-item-sec:first-child:before {
        display: none
    }

    .service-item-container .service-item-sec:nth-child(even) .service-item-image {
        right: 0
    }

    .service-item-container .service-item-sec:nth-child(odd) .service-item-image {
        right: 0
    }

    .service-item-sec .row .service-item-detail .heading_title h2 {
        margin-top: 20px
    }

    .service-item-container .service-item-sec {
        max-width: 100%
    }

    .service-item-container {
        position: relative;
        padding: 70px 0
    }

    .service-image {
        width: auto;
        margin-top: 20px
    }

    .service-item-container .service-item-sec:last-child:before {
        bottom: 30px
    }

    .service-item-sec .row .service-item-image {
        max-width: 50px;
        height: 50px;
        top: 15px
    }

    .read-more a {
        font-size: 14px;
        padding-bottom: 5px
    }

    .read-more a span {
        margin-left: 10px
    }

    .commercial-product-section .heading_bg,.contact-us-any-time .heading_bg {
        left: -20px
    }

    .product_detail .content h6 {
        font-size: 14px!important;
        line-height: 25px!important;
        margin: 20px 0
    }

    .product_detail .content ul li {
        height: 30px;
        font-size: 13px;
        line-height: 25px;
        max-width: 45.45%
    }

    .product_detail .content .row .product-right-content p {
        margin: 0 0 20px
    }

    .commercial-product-section {
        padding: 20px 0
    }

    .commercial-product-section .heading_title h2 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .product_detail .content ul {
        justify-content: flex-start
    }

    .contact-us-any-time .contact-time-content .heading_title h2 {
        margin-top: 10px;
        width: 100%;
        line-height: 25px!important
    }

    .product_detail .content p:nth-child(3) {
        margin: 20px 0
    }

    .contact-time-info p {
        width: 80%
    }

    .product_detail .content-row-items .row {
        padding: 15px 0
    }

    .product_detail .content-row-items .row:nth-child(odd) .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        padding-right: 15px
    }

    .product_detail .content-row-items .row:nth-child(even) .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        padding-left: 15px
    }

    .product_detail .content-row-items .row h3 {
        font-size: 16px!important;
        line-height: 26px!important;
        padding-top: 20px
    }

    .image img {
        width: 100%
    }

    .heading_title {
        margin-top: -25px
    }

    .certificate-sec .heading_bg {
        left: -25px
    }

    .certificate-sec {
        padding: 20px 0
    }

    .li_items li {
        font-size: 14px;
        line-height: 34px
    }

    .li_items li ul li {
        font-size: 14px;
        line-height: 27px
    }

    .Awards_Reco h4 {
        font-size: 20px!important;
        line-height: 35px!important
    }

    .Awards_Reco {
        padding-top: 10px
    }

    .certificate_img {
        padding-bottom: 20px
    }

    .cerificate_items {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(2,1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .about-company-profile-sec {
        padding: 20px 0 20px
    }

    .about-company-profile-sec .heading_bg {
        position: relative;
        left: -30px
    }

    .about-company-profile-sec:after {
        height: 800px
    }

    .about-section .about-image-row .about-image h6 {
        line-height: 16px!important;
        font-size: 14px!important
    }

    .director-message {
        padding: 20px 0 20px
    }

    .about-us-certificate .certificate-section {
        padding: 25px 0
    }

    .about-company-profile-sec .heading_title h2 {
        padding-bottom: 15px
    }

    .company_profile_content {
        padding-top: 20px
    }

    .mission-vision-item {
        width: 47%
    }

    .mission-vision-sec {
        padding: 20px 0 0
    }

    .about-company-profile-sec .mission-vision-sec .heading_bg span {
        font-size: 30px
    }

    .about-company-profile-sec .mission-vision-sec .heading_title h6 {
        font-size: 18px!important
    }

    .about-company-profile-sec .mission-vision-sec .section_heading {
        padding-bottom: 10px
    }

    .mission-vision-content p {
        width: 95%
    }

    .mission-vision-content {
        padding-bottom: 10px
    }

    .mission-vision-row .mission-vision-item:nth-child(even) .mission-vision-content p {
        margin: 0 0 12px auto
    }

    .mission-vision-row:after {
        height: 100%;
        bottom: 0;
        left: 50%;
        right: 50%
    }

    .pointer-image {
        top: 20px;
        left: 50%
    }

    .inner-about-us-sec .about-section {
        padding: 0 0 15px
    }

    .inner-about-us-sec .about-content {
        width: 100%;
        margin: 0 auto 20px
    }

    .inner-about-us-sec .about-column .learn-more {
        text-align: center;
        margin: 15px 0 0
    }

    .director-message .heading_title {
        margin-top: -20px
    }

    .director-message .section_heading {
        padding-bottom: 20px
    }

    .director-bio {
        margin-top: 10px
    }

    .director-bio h3 {
        font-size: 16px!important
    }

    .director-bio h6 {
        font-size: 15px!important
    }

    .director-bio h5 {
        font-size: 14px!important;
        line-height: 16px!important
    }

    .about-section .section_heading {
        padding-bottom: 20px
    }

    .about-image-paragraph p {
        font-size: 12px!important;
        line-height: 14px!important
    }

    .about-section .about-image-row .about-image:hover .about-image-item h6 {
        bottom: 70px
    }

    .about-section .about-image-row .about-image h6 {
        line-height: 15px!important;
        font-size: 13px!important
    }

    .certificate-section .heading_bg {
        left: -15px
    }

    .certificate_row {
        width: 300px
    }

    .certificate_item {
        width: 75px;
        height: 70px
    }

    .learn-more a {
        padding: 0 9px;
        font-size: 10px
    }

    .events-item h4 {
        padding-right: 20px;
        font-size: 20px!important;
        line-height: 30px!important
    }

    .single-post .latestnews-section .row {
        display: block
    }

    .single-post .latestnews-section .col-lg-8.col-md-8.col-sm-12.col-xs-12 {
        width: 100%
    }

    .blog-section h4 {
        font-size: 20px!important
    }

    .single-post .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        padding-bottom: 15px!important;
        width: 100%
    }

    .events-item p {
        width: auto
    }

    .main-footer .footer-col1 p {
        margin: 15px 0 10px 0;
        font-size: 14px!important;
        line-height: 26px!important;
        width: 85%
    }

    .contact_email h6 {
        font-size: 14px!important;
        line-height: 16px!important
    }

    .main-footer .footer-col1 .row p {
        font-size: 14px!important;
        line-height: 16px!important;
        padding-top: 10px
    }

    .footer-widget ul.menu li {
        margin-bottom: 0;
        font-size: 13px;
        line-height: 26px
    }

    .main-footer {
        padding: 20px 0
    }

    .footer-widget h5 {
        font-size: 15px!important;
        line-height: 16px!important;
        padding: 0 0 10px 0
    }

    .copyright .footer-container {
        padding: 10px 0 0
    }

    .copyright {
        padding: 10px 0
    }

    .footer-social-icon p {
        font-size: 12px!important;
        padding-right: 10px
    }

    .footer-socialnav li {
        margin-left: 0
    }

    .footer-socialnav img {
        width: 70%
    }

    .footer-col2 {
        flex: 0 0 11%
    }

    .footer-col5 {
        flex: 0 0 13%;
        position: relative
    }

    .main-footer .footer-col4 {
        flex: 0 0 12%;
        position: relative
    }

    .commercial-service-section .col-lg-6.col-md-6.col-sm-12.col-xs-12 {
        width: 100%
    }

    .commercial-service-content .row .service-right-content h6 {
        padding: 15px 0 30px 0
    }
}

@media only screen and (max-width: 768px) {
    .service-item-container .service-item-sec:nth-child(even) {
        margin:0% 0 0 auto
    }

    .load-more-btn a {
        font-size: 14px;
        width: 121px;
        height: 42px
    }

    .load-more-btn {
        margin-top: 30px
    }

    p.no-more-posts-message {
        font-size: 14px!important;
        line-height: 14px!important;
        margin: 30px 0 0px!important
    }

    .contact-info-section .row {
        margin-bottom: -50px
    }

    .product-section {
        padding: 35px 0
    }

    #wprmenu_menu_ul .icon_default:before {
        content: ""!important;
        background-image: url(/emirates-extrusion-2/wp-content/uploads/2024/03/drop_down_icon.png)!important;
        background-repeat: no-repeat!important;
        background-size: contain!important;
        width: 15px!important;
        height: 7px!important;
        display: block!important;
        position: absolute!important;
        top: 12px!important;
        right: 10px!important
    }

    .about-company-profile-sec .heading_title {
        width: 100%
    }

    .custom-news .news-item:nth-child(2),.custom-news .news-item:last-child {
        padding-left: 0px!important;
        padding-top: 20px!important
    }

    .home-arrow {
        bottom: 30px;
        right: 15%
    }

    .about-column .col-lg-5.col-md-5.col-sm-12.col-xs-12 {
        width: 100%
    }

    .about-column .row {
        flex-direction: column-reverse
    }

    .about-column .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        width: 100%
    }

    .about-section .about-image-row .about-image-item img {
        width: 100%
    }

    .page-id-11 .service-image img {
        height: 620px
    }

    .projects-section .heading_title h2 {
        width: 80%;
        margin-bottom: 0
    }

    .our_products .product_item .product_item_row .product_item_content .product_item_content_detail h2 {
        font-size: 20px!important
    }

    .table-responsive table.table.table-bordered thead th:first-child,.table-responsive table.table.table-bordered tbody td:first-child {
        padding-left: 15px
    }

    .t_columns .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        width: 30.5%;
        height: 150px
    }

    .t_columns .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 p {
        margin: 10px 0 0 0;
        font-size: 13px!important
    }

    .table-responsive table.table.table-bordered thead th {
        font-size: 14px
    }

    .table-bordered th,td {
        font-size: 14px
    }

    .Counter_content h3 #counter {
        font-size: 25px;
        line-height: 35px!important
    }

    .commercial-service-section h5 {
        font-size: 18px!important
    }

    h3,h4 {
        font-size: 20px!important;
        line-height: 30px!important
    }

    .custom-news .news-item a {
        font-size: 12px
    }

    .industry-insights-section .heading_bg,.product-section .heading_bg,.projects-section .heading_bg,.certificate-section .heading_bg,.latestnews-section .heading_bg {
        left: -20px
    }

    .our_products .product_item .product_item_row {
        display: flex
    }

    .our_products .product_item .product_item_row .product_featured_image {
        max-width: 100%;
        padding-bottom: 20px
    }

    .our_products .product_item:nth-child(even) .product_item_row .product_item_content {
        padding: 0 20px 20px 0
    }

    .product_featured_image img {
        width: 100%
    }

    .our_products .product_item .product_item_row .product_item_content {
        padding: 0 0 20px 20px;
        max-width: 100%
    }

    .sliderInner .inner-content .text h1 {
        font-size: 22px!important;
        line-height: 30px!important;
        letter-spacing: 0
    }

    .slider-main:before {
        top: 70px
    }

    .service-image img {
        height: 380px
    }

    .service-item-container .service-item-sec {
        padding: 10px 0
    }

    .service-left-content {
        padding: 15px 0 0
    }

    .sliderInner .inner-content {
        top: 50px!important
    }

    .industry-insights-section .row {
        width: 100%!important;
        margin: 0 auto
    }

    .industry-insights-section .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        width: 100%
    }

    .industry-insights-section .col-lg-5.col-md-5.col-sm-12.col-xs-12 {
        width: 100%
    }

    .custom-news .news-item:nth-child(2),.custom-news .news-item:last-child {
        padding-left: 5px;
        padding-top: 25px
    }

    .custom-news {
        display: block
    }

    #breadcrumbs span a,#breadcrumbs span {
        font-size: 12px;
        line-height: 22px
    }

    .contact-form-section {
        padding: 15px 0
    }

    .heading_bg span {
        font-size: 40px
    }

    .contact-info-item img {
        width: 15%
    }

    .contact-form-section .heading_bg {
        left: -20px!important
    }

    .contact-form-section .section_heading .heading_title h2 {
        width: 80%
    }

    .heading_title h2 {
        margin-top: 10px
    }

    h2 {
        font-size: 18px!important;
        letter-spacing: -1px
    }

    .contact_form_sec input {
        padding: 10px 15px!important
    }

    .enquiry-form input {
        height: 30px
    }

    .contact_form_sec textarea {
        height: 100px;
        padding: 10px 15px
    }

    .contact_form_sec {
        padding-top: 10px
    }

    .contact_form_sec input,.contact_form_sec textarea {
        font-size: 12px
    }

    .enquiry-form .button-submit input.wpcf7-submit {
        font-size: 12px;
        height: 30px;
        line-height: 22px;
        padding: 0px!important
    }

    .contact-info-item h2 {
        font-size: 15px!important;
        line-height: 16px!important
    }

    .contact-info-item p,.contact-info-item p a,.contact-info-item .contact-no span {
        font-size: 11px!important;
        line-height: 14px!important
    }

    .contact-info-item {
        padding: 10px 10px
    }

    .contact-info-section .col-xs-12 {
        margin-bottom: 20px
    }

    .site-branding {
        width: 15%;
        padding: 0px!important
    }

    a.header_btn {
        margin-right: 10px
    }

    a.header_btn {
        font-size: 12px;
        width: 100px;
        height: 35px
    }

    .header-container {
        padding-right: 0;
        padding-left: 0
    }

    .menu_title {
        font-size: 0px!important
    }

    #wprmenu_bar .bar_logo {
        height: 70px!important;
        width: auto!important
    }

    div#wprmenu_bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
        padding-left: 0;
        width: 100%
    }

    #orderpopup .modal-dialog {
        max-width: 600px
    }

    #orderpopup .modal-dialog .modal-content .popup-row h2 {
        font-size: 18px!important;
        line-height: 30px!important
    }

    #orderpopup .modal-dialog .modal-content .popup-row h6 {
        font-size: 12px!important;
        line-height: 14px!important
    }

    #orderpopup .modal-dialog .modal-content .btn-close {
        right: 25px;
        width: 25px;
        height: 25px;
        top: 22px
    }

    #orderpopup .modal-dialog .modal-content .popup-row {
        padding: 20px 30px 20px
    }

    div#orderpopup {
        margin-top: 30px
    }

    #file-name {
        position: absolute;
        left: 134px;
        font-size: 13px
    }

    .copyright p.copy-text {
        font-size: 12px!important
    }

    .service-sec {
        padding: 20px 0 20px
    }

    .service-sec .heading_title h2 {
        margin-bottom: 10px
    }

    .service-item-container .service-item-sec:nth-child(odd) .row .service-item-detail .section_heading {
        text-align: left
    }

    .service-item-container .service-item-sec:nth-child(odd) {
        text-align: left
    }

    .service-item-container .service-item-sec:nth-child(odd) .row .service-item-image {
        order: 1
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_bg span {
        font-size: 30px;
        line-height: 50px
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_title {
        margin-top: -50px
    }

    .service-sec h6 {
        line-height: 22px!important;
        letter-spacing: -.2px
    }

    .service-item-sec .row .service-item-detail {
        max-width: 100%;
        padding: 0
    }

    .service-sec .container:before {
        bottom: 15px
    }

    .service-item-container:after {
        height: 98%;
        top: 10px;
        left: 50%;
        right: 50%;
        display: none
    }

    .service-item-container .service-item-sec:last-child:before {
        height: 120px;
        bottom: 10px;
        display: none
    }

    .service-item-container .service-item-sec:first-child:before {
        display: none
    }

    .service-item-container .service-item-sec:nth-child(even) .service-item-image {
        right: 0
    }

    .service-item-container .service-item-sec:nth-child(odd) .service-item-image {
        right: 0
    }

    .service-item-sec .row .service-item-detail .heading_title h2 {
        margin-top: 20px
    }

    .service-item-container .service-item-sec {
        max-width: 100%
    }

    .service-item-container {
        position: relative;
        padding: 70px 0
    }

    .service-image {
        width: auto;
        margin-top: 20px
    }

    .service-item-container .service-item-sec:last-child:before {
        bottom: 30px
    }

    .service-item-sec .row .service-item-image {
        max-width: 50px;
        height: 50px;
        top: 15px
    }

    .read-more a {
        font-size: 14px;
        padding-bottom: 5px
    }

    .read-more a span {
        margin-left: 10px
    }

    .commercial-product-section .heading_bg,.contact-us-any-time .heading_bg {
        left: -20px
    }

    .product_detail .content h6 {
        font-size: 14px!important;
        line-height: 25px!important;
        margin: 20px 0
    }

    .product_detail .content ul li {
        height: 30px;
        font-size: 13px;
        line-height: 25px;
        max-width: 45.45%
    }

    .product_detail .content .row .product-right-content p {
        margin: 0 0 20px
    }

    .commercial-product-section {
        padding: 20px 0
    }

    .commercial-product-section .heading_title h2 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .product_detail .content ul {
        justify-content: flex-start
    }

    .contact-us-any-time .contact-time-content .heading_title h2 {
        margin-top: 10px;
        width: 100%;
        line-height: 25px!important
    }

    .product_detail .content p:nth-child(3) {
        margin: 20px 0
    }

    .contact-time-info p {
        width: 80%
    }

    .product_detail .content-row-items .row {
        padding: 15px 0
    }

    .product_detail .content-row-items .row:nth-child(odd) .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        padding-right: 15px
    }

    .product_detail .content-row-items .row:nth-child(even) .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        padding-left: 15px
    }

    .product_detail .content-row-items .row h3 {
        font-size: 16px!important;
        line-height: 26px!important;
        padding-top: 20px
    }

    .image img {
        width: 100%
    }

    .heading_title {
        margin-top: -25px
    }

    .certificate-sec .heading_bg {
        left: -25px
    }

    .certificate-sec {
        padding: 20px 0
    }

    .li_items li {
        font-size: 14px;
        line-height: 34px
    }

    .li_items li ul li {
        font-size: 14px;
        line-height: 27px
    }

    .Awards_Reco h4 {
        font-size: 20px!important;
        line-height: 35px!important
    }

    .Awards_Reco {
        padding-top: 10px
    }

    .certificate_img {
        padding-bottom: 20px
    }

    .cerificate_items {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(2,1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .about-company-profile-sec {
        padding: 20px 0 20px
    }

    .about-company-profile-sec .heading_bg {
        position: relative;
        left: -30px
    }

    .about-company-profile-sec:after {
        height: 800px
    }

    .about-section .about-image-row .about-image h6 {
        line-height: 16px!important;
        font-size: 14px!important
    }

    .director-message {
        padding: 20px 0 20px
    }

    .about-us-certificate .certificate-section {
        padding: 25px 0
    }

    .about-company-profile-sec .heading_title h2 {
        padding-bottom: 15px
    }

    .company_profile_content {
        padding-top: 20px
    }

    .mission-vision-item {
        width: 47%
    }

    .mission-vision-sec {
        padding: 20px 0 0
    }

    .about-company-profile-sec .mission-vision-sec .heading_bg span {
        font-size: 30px
    }

    .about-company-profile-sec .mission-vision-sec .heading_title h6 {
        font-size: 18px!important
    }

    .about-company-profile-sec .mission-vision-sec .section_heading {
        padding-bottom: 10px
    }

    .mission-vision-content p {
        width: 95%
    }

    .mission-vision-content {
        padding-bottom: 10px
    }

    .mission-vision-row .mission-vision-item:nth-child(even) .mission-vision-content p {
        margin: 0 0 12px auto
    }

    .mission-vision-row:after {
        height: 100%;
        bottom: 0;
        left: 50%;
        right: 50%
    }

    .pointer-image {
        top: 20px;
        left: 50%
    }

    .inner-about-us-sec .about-section {
        padding: 0 0 15px
    }

    .inner-about-us-sec .about-content {
        width: 100%;
        margin: 0 auto 20px
    }

    .inner-about-us-sec .about-column .learn-more {
        text-align: center;
        margin: 15px 0 0
    }

    .director-message .heading_title {
        margin-top: -20px
    }

    .director-message .section_heading {
        padding-bottom: 20px
    }

    .director-bio {
        margin-top: 10px
    }

    .director-bio h3 {
        font-size: 16px!important
    }

    .director-bio h6 {
        font-size: 15px!important
    }

    .director-bio h5 {
        font-size: 14px!important;
        line-height: 16px!important
    }

    .about-section .section_heading {
        padding-bottom: 20px
    }

    .about-image-paragraph p {
        font-size: 12px!important;
        line-height: 14px!important
    }

    .about-section .about-image-row .about-image:hover .about-image-item h6 {
        bottom: 70px
    }

    .about-section .about-image-row .about-image h6 {
        line-height: 15px!important;
        font-size: 13px!important
    }

    .certificate-section .heading_bg {
        left: -15px
    }

    .certificate_row {
        width: 300px
    }

    .certificate_item {
        width: 75px;
        height: 70px
    }

    .learn-more a {
        padding: 0 9px;
        font-size: 10px
    }

    .events-item h4 {
        padding-right: 20px;
        font-size: 20px!important;
        line-height: 30px!important
    }

    .single-post .latestnews-section .row {
        display: block
    }

    .single-post .latestnews-section .col-lg-8.col-md-8.col-sm-12.col-xs-12 {
        width: 100%
    }

    .blog-section h4 {
        font-size: 20px!important
    }

    .single-post .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        padding-bottom: 15px!important;
        width: 100%
    }

    .events-item p {
        width: auto
    }

    .main-footer .footer-col1 p {
        margin: 15px 0 10px 0;
        font-size: 14px!important;
        line-height: 26px!important;
        width: 85%
    }

    .contact_email h6 {
        font-size: 14px!important;
        line-height: 16px!important
    }

    .main-footer .footer-col1 .row p {
        font-size: 14px!important;
        line-height: 16px!important;
        padding-top: 10px
    }

    .footer-widget ul.menu li {
        margin-bottom: 0;
        font-size: 13px;
        line-height: 26px
    }

    .main-footer {
        padding: 20px 0
    }

    .footer-widget h5 {
        font-size: 15px!important;
        line-height: 16px!important;
        padding: 0 0 10px 0
    }

    .copyright .footer-container {
        padding: 10px 0 0
    }

    .copyright {
        padding: 10px 0
    }

    .footer-social-icon p {
        font-size: 12px!important;
        padding-right: 10px
    }

    .footer-socialnav li {
        margin-left: 0
    }

    .footer-socialnav img {
        width: 70%
    }

    .footer-col2 {
        flex: 0 0 11%
    }

    .footer-col5 {
        flex: 0 0 13%;
        position: relative
    }

    .main-footer .footer-col4 {
        flex: 0 0 12%;
        position: relative
    }

    .commercial-service-section .col-lg-6.col-md-6.col-sm-12.col-xs-12 {
        width: 100%
    }

    .commercial-service-content .row .service-right-content h6 {
        padding: 15px 0 30px 0
    }

    .enquiry-form input {
        height: 55px
    }
}

@media only screen and (max-width: 767px) {
	html[lang="ar"] .site-footer {
    direction: rtl;
    text-align: right;
}

			.commitment-column {
    padding: 20px 20px 20px 20px !important;
}
	.commitment-column {
    display: grid;
    justify-content: center;
    gap: 20px;
    grid-template-columns: repeat(1, 1fr);
    padding-top: 35px;
}
    .service-sec .section_heading {
        width: 90%;
    }
/* 	manufacturing css start  */
	.histtory {
    height: 300px;
    width: 100%;
    left: 0;
    top: 0;
}
.banner-slider {
    display: block;
}
.banner-slider .slider.slider-for {
    max-width: 100%;
}
.banner-slider .slider.slider-nav {
    padding-bottom: 40px;
    padding-top: 40px;
    max-width: 100%;
}
.slider-banner-image img {
    width: 100%;
    height: auto;
}
.history-years-vertical__years, .history-years-vertical__years p {
    font-size: 110px !important;
}
.side-titles h4 {
    font-size: 18px;
}
/* 	end  */
    .why-we-choose-image {
    margin-bottom: 20px;
}
    .news-excerpt {
        font-size:13px!important
    }

    .news-title a {
        font-size: 14px;
        line-height: 22px
    }

    .author-name strong {
        font-size: 16px
    }

    .testimonial-item {
        width: 415px;
        padding: 20px 10px;
        height: 400px!important
    }

    .commitment-content-item h6 {
        font-size: 15px!important
    }

    .journey-para {
        width: 100%;
        padding-bottom: 30px
    }
.journey-image img {
    width: 100%;
    height: 260px;
}
    .heading_title {
        width: 75%
    }

    .why-choose-us-section {
        padding-bottom: 30px;
        padding-top: 30px
    }

    .about-section .about-image-row .about-image {
        margin: 10px 0
    }

    .content-item h6 {
        font-size: 15px!important;
        margin-top: 20px
    }

    .content-item p {
        font-size: 14px!important;
        line-height: 25px!important;
        width: 100%;
        padding-bottom: 20px
    }

    .commitment-content {
        display: block;
        padding-top: 35px
    }

    .news-column.other-column {
        width: 100%!important
    }

    .news-column.other-column {
        width: 100%!important
    }

    .news-columns {
        display: block
    }

    .other-column .news-item {
        display: block
    }

    .latest-post img.attachment-large.size-large.wp-post-image {
        width: 100%;
        height: auto
    }

    .header-fixed {
        position: relative!important
    }

    .unveiling-content button.slick-next.slick-arrow {
        left: 80%!important;
        top: -15%!important;
        width: 35px!important
    }

    .unveiling-content button.slick-prev.slick-arrow {
        left: 90%!important;
        top: -15%;
        width: 35px!important
    }

    .journey-content {
        display: block;
        padding-top: 20px
    }

    .journey-content {
        display: block
    }
    .journey-image img {
    width: 100%;
}

    .why-choose-content {
        display: block
    }

    .our-jobs {
        display: block!important;
        margin: 0 auto!important
    }

    .our-jobs .job-item {
        max-width: 100%!important
    }

    .enquiry-form select.wpcf7-form-control.wpcf7-select.post {
        height: 35px!important;
        margin-bottom: 24px!important;
        font-size: 16px!important;
        padding: 0 0px!important
    }

    .enquiry-form input {
        height: 44px!important;
        font-size: 16px!important
    }

    .contact-time-image img {
        height: 100%;
        min-height: 400px;
        object-fit: cover
    }

    .ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more a {
        padding: 10px 6px;
        font-size: 10px
    }

    .ProductCatalog .ProductCatalog_row .ProductCatalog_item {
        padding: 10px
    }

    .ProductCatalog .ProductCatalog_row {
        grid-column-gap: 15px;
        grid-row-gap: 30px;
        grid-template-columns: repeat(2,1fr)
    }

    .ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more:first-child {
        margin-right: 5px
    }

    .ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more:last-child {
        margin-left: 5px
    }

    .header-info nav.navbar {
        padding: 0 0 0 0px!important
    }

    .header-info .navbar-collapse {
        padding-right: 30px;
        padding-left: 30px
    }

    .main-navigation ul li {
        padding: 0 0
    }

    .load-more-btn a {
        font-size: 14px;
        width: 121px;
        height: 42px
    }

    button.navbar-toggler {
        padding: 0 30px 0 0px!important
    }

    .load-more-btn {
        margin-top: 30px
    }

    p.no-more-posts-message {
        font-size: 14px!important;
        line-height: 14px!important;
        margin: 30px 0 0px!important
    }

    .our_products .product_item .product_item_row .product_featured_image {
        max-width: 100%;
        padding-bottom: 20px;
        order: 2
    }

    .our_products .product_item .product_item_row {
        display: grid
    }

    .our_products .product_item .product_item_row .product_item_content {
        padding: 0 0 20px 0
    }

    .our_products .product_item:nth-child(even) .product_item_row .product_item_content {
        padding: 0 0 20px 0
    }

    .industry-insights-section .heading_bg,.product-section .heading_bg,.projects-section .heading_bg,.certificate-section .heading_bg,.latestnews-section .heading_bg {
        left: 0
    }

    .page-template-News__Events h2 {
        font-size: 25px!important
    }

    .recentpost-section .section_heading {
        padding-bottom: 10px;
        padding-top: 11px
    }

    .latestnews-section .heading_bg {
        left: 0
    }

    .certificate-section .heading_title {
        width: 100%
    }

    .page-id-11 .service-image img {
        height: 560px
    }

    .certificate_item {
        width: 45%!important
    }

    .about-column .row {
        flex-direction: column;
        row-gap: 20px
    }

    .latestnews-section .heading_title {
        width: 100%
    }

    .certificate-section .heading_content p {
        width: 100%
    }

    .certificate_row {
        justify-content: center
    }

    .table-responsive.mechanical-properties-table-responsive .table.table-bordered tbody td:first-child,.table-responsive.mechanical-properties-table-responsive .table.table-bordered tbody td:nth-child(2) {
        width: 20%
    }

    .table-responsive.mechanical-properties-table-responsive .table.table-bordered tbody td:nth-child(3),.table-responsive.mechanical-properties-table-responsive .table.table-bordered tbody td:nth-child(4) {
        width: 12%
    }

    .table-responsive.mechanical-properties-table-responsive .table.table-bordered tbody td:nth-child(5),.table-responsive.mechanical-properties-table-responsive .table.table-bordered tbody td:last-child {
        width: 12%
    }

    .table-responsive table.table.table-bordered thead th:first-child,.table-responsive table.table.table-bordered tbody td:first-child {
        padding-left: 5px
    }

    .commercial-service-content .row {
        padding-top: 10px
    }

    .commercial-service-content .row .service-right-content ul li strong {
        font-size: 16px;
        line-height: 26px
    }

    .t_columns .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        width: 80%;
        height: 150px;
        margin: 10px auto
    }

    .commercial-service-section {
        padding: 20px 10px
    }

    .table-responsive table.table.table-bordered thead th {
        font-size: 12px
    }

    .table-bordered th,td {
        font-size: 12px
    }

    .table_detail h5 {
        padding-bottom: 10px;
        padding-top: 10px
    }

    .Counter_content h3 #counter {
        font-size: 20px;
        line-height: 30px!important
    }

    .t_columns .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 h4 {
        font-size: 20px!important;
        line-height: 20px!important
    }

    .commercial-service-section h5 {
        font-size: 16px!important
    }

    #orderpopup .modal-dialog {
        max-width: 100%
    }

    #orderpopup .modal-dialog .modal-content .popup-row {
        padding: 50px
    }

    #orderpopup .modal-dialog {
        max-width: 100%
    }

    div#orderpopup {
        margin-top: 80px
    }

    #orderpopup .modal-dialog .modal-content .btn-close {
        right: 34px;
        width: 18px;
        height: 18px;
        top: 20px
    }

    .project-pop {
        display: block
    }

    .project-items {
        margin: 15px 15px
    }

    .icon_box {
        gap: 10px
    }

    .events-item .footer-socialnav li {
        margin-left: 0
    }

    .page-template-News__Events .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
        width: 100%!important
    }

    .mission-vision-row:after {
        display: none
    }

    .pointer-image {
        display: none
    }

    .mission-vision-item {
        width: 100%!important
    }

    .latestnews-section .heading_title h2 {
        width: 100%
    }

    .industry-insights-section .col-xs-12,.latestnews-section .col-xs-12 {
        width: 50%
    }

    .about-section {
        padding: 15px 15px 25px
    }

    .home-arrow {
        bottom: 20px;
        right: 10%
    }

    .industry-insights-section .heading_title {
        width: 100%
    }

    .section_heading {
        padding-bottom: 20px !important;!I;!;
        padding-top: 20px !important;!I;!;
    }

    .projects-section .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        justify-content: space-between
    }

    .sliderInner .inner-content .text h1 {
        font-size: 15px!important;
        line-height: 22px!important
    }

    .slider-main:before {
        top: 30px
    }

    .sliderInner .inner-content .text h6 {
        padding-bottom: 10px
    }

    .custom-news .news-item:nth-child(2),.custom-news .news-item:last-child {
        display: block
    }

    .page-id-11 .custom-news .news-item:nth-child(2) img,.custom-news .news-item:last-child img {
        height: auto;
        width: 100%
    }

    .item-content {
        padding-top: 10px
    }

    .site-info {
        justify-content: center
    }

    .about-section .about-image-row .about-image {
        width: 100%
    }

    .about-section .about-image-row .about-image-item img {
        width: 100%
    }

    .project-slider {
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px
    }

    .inner-banner .sliderInner .inner-content {
        top: 0
    }

    h1 {
        font-size: 20px!important;
        line-height: 30px!important;
        letter-spacing: 0
    }

    #breadcrumbs span a,#breadcrumbs span {
        font-size: 12px;
        line-height: 22px
    }

    .contact-form-section {
        padding: 15px 15px
    }

    .contact-info-section {
        padding: 20px 15px 0
    }

    .heading_bg span {
        font-size: 36px
    }

    .contact-info-item img {
        width: 15%
    }

    .contact-form-section .heading_bg {
        left: -20px!important
    }

    .contact-form-section .section_heading .heading_title h2 {
        width: 80%
    }

    .heading_title h2 {
        margin-top: 10px
    }

    h2 {
        font-size: 18px!important;
        letter-spacing: -1px
    }

    .contact_form_sec input {
        padding: 10px 15px!important
    }

    .enquiry-form input {
        height: 30px
    }

    .contact_form_sec textarea {
        height: 100px;
        padding: 10px 15px
    }

    .contact_form_sec {
        padding-top: 10px
    }

    .contact_form_sec input,.contact_form_sec textarea {
        font-size: 12px
    }

    .enquiry-form .button-submit input.wpcf7-submit {
        font-size: 12px;
        height: 30px;
        line-height: 22px;
        padding: 0px!important
    }

    .contact-info-item h2 {
        font-size: 15px!important;
        line-height: 16px!important
    }

    .contact-info-item p,.contact-info-item p a,.contact-info-item .contact-no span {
        font-size: 11px!important;
        line-height: 14px!important
    }

    .contact-info-item {
        padding: 10px 10px
    }

    .contact-info-section .col-xs-12 {
        margin-bottom: 20px
    }

    .site-branding {
        width: 25%;
        padding: 0px!important
    }

    a.header_btn {
        margin-right: 10px
    }

    a.header_btn {
        font-size: 12px;
        width: 100px;
        height: 35px
    }

    .header-container {
        padding-right: 0;
        padding-left: 0
    }

    .menu_title {
        font-size: 0px!important
    }

    #wprmenu_bar .bar_logo {
        height: 70px!important;
        width: auto!important
    }

    div#wprmenu_bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
        padding-left: 0;
        width: 100%
    }

    .product_detail .content ul li {
        height: 40px;
        font-size: 13px;
        max-width: 100%
    }

    .product_detail .content ul {
        justify-content: center
    }

    .service-sec {
        padding: 20px 0 20px
    }

    .page-template-service .service-image img {
        height: auto
    }

    .service-sec .heading_title h2 {
        margin-bottom: 10px
    }

    .service-item-container .service-item-sec:nth-child(odd) .row .service-item-detail .section_heading {
        text-align: left
    }

    .service-item-container .service-item-sec:nth-child(odd) {
        text-align: left
    }
    .heading_title h2 {
        font-size: 22px !important;
    }
    .service-item-container .service-item-sec:nth-child(odd) .row .service-item-image {
        order: 1
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_bg span {
        font-size: 30px;
        line-height: 50px
    }

    .service-sec .service-item-sec .row .service-item-detail .heading_title {
        margin-top: -50px
    }

    .service-sec h6 {
        line-height: 22px!important;
        letter-spacing: -.2px
    }

    .service-item-sec .row .service-item-detail {
        max-width: 100%;
        padding: 0
    }

    .service-sec .container:before {
        display: none
    }

    .service-item-container:after {
        height: 98%;
        top: 10px;
        left: 50%;
        right: 50%;
        display: none
    }

    .service-item-container .service-item-sec:last-child:before {
        height: 120px;
        bottom: 10px;
        display: none
    }

    .service-item-container .service-item-sec:first-child:before {
        display: none
    }

    .service-item-container .service-item-sec:nth-child(even) .service-item-image {
        right: 0
    }

    .service-item-container .service-item-sec:nth-child(odd) .service-item-image {
        right: 0
    }

    .service-item-sec .row .service-item-detail .heading_title h2 {
        margin-top: 50px;
    }

    .service-item-container .service-item-sec {
        max-width: 100%
    }

    .service-item-container {
        position: relative;
        padding: 20px 20px
    }

    .service-image {
        width: auto;
        margin-top: 20px
    }

    .service-item-container .service-item-sec:last-child:before {
        bottom: 30px
    }

    .service-item-sec .row .service-item-image {
        max-width: 50px;
        height: 50px;
        top: 0px;
    }

    .read-more a {
        font-size: 14px;
        padding-bottom: 5px
    }

    .read-more a span {
        margin-left: 10px
    }

    .product_detail .content-row-items .row {
        padding: 15px 0
    }

    .product_detail .content-row-items .row:nth-child(odd) .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        padding-right: 0
    }

    .product_detail .content-row-items .row:nth-child(even) .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        padding-left: 0
    }

    .product_detail .content-row-items .row h3 {
        font-size: 15px!important;
        line-height: 25px!important;
        padding-top: 20px
    }

    .image img {
        width: 100%
    }

    .commercial-product-section {
        padding-left: 15px;
        padding-right: 15px
    }

    .product_detail .col-lg-5.col-md-5.col-sm-12.col-xs-12 {
        padding: 0
    }

    .product_detail .col-lg-7.col-md-7.col-sm-12.col-xs-12 {
        padding: 0
    }

    .about-company-profile-sec {
        padding: 20px 15px 20px
    }

    .about-company-profile-sec .heading_bg {
        position: relative;
        left: 0
    }

    .about-company-profile-sec:after {
        height: 100%
    }

    .about-section .about-image-row .about-image h6 {
        line-height: 16px!important;
        font-size: 14px!important
    }

    .director-message {
        padding: 20px 15px 20px
    }

    .about-us-certificate .certificate-section {
        padding: 20px 10px;
        text-align: center
    }
    
    .page-id-13 .inner-about-us-sec .about-section .about-image-row .about-image {
    width: 100%;
    margin: 10px 0px;
}

    .about-company-profile-sec .mission-vision-item .heading_bg {
        text-align: justify
    }

    .mission-vision-row .mission-vision-item:nth-child(even) .heading_title h6 {
        justify-content: space-between
    }

    .about-company-profile-sec .heading_title h2 {
        padding-bottom: 10px
    }

    .company_profile_content {
        padding-top: 15px
    }

    .mission-vision-item {
        width: 43%
    }

    .mission-vision-sec {
        padding: 20px 0 0
    }

    .about-company-profile-sec .mission-vision-sec .heading_bg span {
        font-size: 25px
    }

    .about-company-profile-sec .mission-vision-sec .heading_title h6 {
        font-size: 18px!important
    }

    .about-company-profile-sec .mission-vision-sec .section_heading {
        padding-bottom: 10px
    }

    .mission-vision-content p {
        width: 95%
    }

    .mission-vision-content {
        padding-bottom: 10px
    }

    .mission-vision-row .mission-vision-item:nth-child(even) .mission-vision-content p {
        text-align: justify;
        margin: 0 auto 0 0
    }

    .mission-vision-row:after {
        height: 100%;
        bottom: 0;
        left: 50%;
        right: 50%
    }

    .pointer-image {
        top: 20px;
        left: 50%
    }

    .inner-about-us-sec .about-section {
        padding: 0 0 15px
    }

    .inner-about-us-sec .about-content {
        width: 100%;
        margin: 0 auto 20px
    }

    .inner-about-us-sec .about-column .learn-more {
        text-align: center;
        margin: 15px 0 0
    }

    .director-message .heading_title {
        margin-top: -20px
    }

    .director-message .section_heading {
        padding-bottom: 20px
    }

    .director-bio {
        margin-top: 10px
    }

    .director-bio h3 {
        font-size: 15px!important
    }

    .director-bio h6 {
        font-size: 14px!important
    }

    .director-bio h5 {
        font-size: 14px!important;
        line-height: 16px!important
    }

    .about-section .section_heading {
        padding-bottom: 0
    }

    .about-image-paragraph p {
        font-size: 12px!important;
        line-height: 14px!important
    }

    .about-section .about-image-row .about-image:hover .about-image-item h6 {
        bottom: 50px
    }

    .about-section .about-image-row .about-image h6 {
        line-height: 14px!important;
        font-size: 12px!important
    }

    .inner-about-us-sec .about-section .about-image-row .about-image {
        width: 100%;
        margin: 10px auto;
        display: flex;
        justify-content: center
    }

    .about-section .about-image-row {
        display: block;
        padding-bottom: 20px
    }

    .industry-insights-section .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        padding-bottom: 20px
    }

    .product-section .heading_title h2 {
        width: 100%
    }

    .projects-section .col-lg-8.col-md-8.col-sm-12.col-xs-12 {
        padding-bottom: 0
    }

    .projects-section .heading_title h2 {
        width: 100%
    }

    .heading_content p {
        font-size: 14px!important;
        width: 100%
    }

    .certificate {
        margin-top: 20px;
        display: inline-block
    }

    .certificate_item {
        width: 49%;
        height: auto;
        margin-bottom: 10px
    }

    .certificate_row {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        column-gap: 10px
    }

    .certificate-section .heading_title h2 {
        width: 100%
    }

    .certificate-section .heading_bg {
        left: 0
    }

    .heading_title {
        margin-top: -20px
    }

    .certificate-sec .heading_bg {
        left: 0
    }

    .certificate-sec {
        padding: 20px 15px
    }

    .li_items li {
        font-size: 14px;
        line-height: 34px
    }

    .li_items li ul li {
        font-size: 14px;
        line-height: 27px
    }

    .Awards_Reco h4 {
        font-size: 20px!important;
        line-height: 35px!important
    }

    .Awards_Reco {
        padding-top: 10px
    }

    .certificate_img {
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px
    }

    .cerificate_items {
        display: grid;
        grid-template-columns: repeat(2,1fr)
    }

    .page-template-News__Events .latestnews-section {
        padding: 20px 15px
    }

    .main-footer .footer-col1 p {
        margin: 15px 0 10px 0;
        font-size: 14px!important;
        line-height: 26px!important;
        width: 85%
    }

    .contact_email h6 {
        font-size: 14px!important;
        line-height: 16px!important
    }

    .main-footer .footer-col1 .row p {
        font-size: 14px!important;
        line-height: 16px!important;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .footer-widget ul.menu li {
        margin-bottom: 0;
        font-size: 13px;
        line-height: 26px
    }

    .main-footer {
        padding: 20px 15px;
        display: block
    }

    .footer-widget h5 {
        font-size: 15px!important;
        line-height: 16px!important;
        padding: 0 0 10px 0
    }

    .copyright .footer-container {
        padding: 10px 0 0
    }

    .copyright {
        padding: 10px 0
    }

    .footer-social-icon p {
        font-size: 13px!important;
        padding-right: 10px
    }

    .footer-socialnav li {
        margin-left: 0
    }

    .footer-socialnav img {
        width: 70%
    }

    .footer-col1 {
        padding-bottom: 20px
    }

    .footer-col2 {
        padding-bottom: 20px
    }

    .footer-col5 {
        padding-bottom: 20px
    }

    .footer-col3 {
        padding-bottom: 20px
    }

    .main-footer .footer-col4 {
        padding-bottom: 20px
    }

    .copyright .footer-container {
        display: block;
        text-align: center
    }

    .footer-widget h5:after {
        width: 100%
    }

    .news-and-events {
        display: block
    }

    .news-and-events .news-item {
        padding-bottom: 25px
    }

    .recentpost-section .home-arrow {
        top: 10%;
        bottom: 50%
    }

    .recentpost-section .home-arrow .slick-arrow:first-child {
        right: 10px
    }

    .recentpost-section .home-arrow .slick-arrow:last-child {
        left: 10px
    }

    .service-title.slick-slide.slick-current.slick-active h4 {
        font-size: 15px!important;
        line-height: 28px!important
    }

    .service-left-content h2 {
        font-size: 15px!important;
        line-height: 25px!important
    }

    .service-image-width .home-arrow {
        bottom: 50px
    }

    .service_content {
        padding: 20px 15px 30px;
    }

    .product-section {
        padding: 20px 15px
    }

    .projects-section {
        padding: 20px 15px
    }

    .certificate-section {
        padding: 20px 15px
    }

    .latestnews-section {
        padding: 20px 15px
    }

    .custom-news .news-item p {
        font-size: 12px!important;
        line-height: 19px!important
    }

    .copyright .footer-container {
        padding: 10px 15px 0
    }

    .projects-section .row .col-lg-4.col-md-4.col-sm-12.col-xs-12 {
        padding-top: 25px
    }

    .service-left-content {
        width: 100%
    }

    .service-image img {
        height: 430px
    }

    .service_content .container {
        height: 90%
    }

    .commercial-service-content .row .service-right-content h6 {
        padding: 15px 0 30px 0
    }
}

@media only screen and (max-width: 736px) {
    #orderpopup .modal-dialog {
        max-width:100%
    }

    #orderpopup .modal-dialog .modal-content .popup-row {
        padding: 20px
    }

    #orderpopup .modal-dialog {
        max-width: 100%;
        margin: 0 auto
    }

    div#orderpopup {
        margin-top: 0;
        padding-top: 120px
    }

    #orderpopup .modal-dialog .modal-content .btn-close {
        right: 20px;
        width: 18px;
        height: 18px;
        top: 40px
    }

    .sliderInner .inner-content {
        top: 42px!important
    }

    .sliderInner .inner-content .text h1 {
        padding-bottom: 10px
    }

    h1 {
        font-size: 18px!important;
        line-height: 25px!important
    }

    .certificate_item {
        width: 49%
    }

    .recentpost-section .home-arrow .slick-arrow:first-child {
        right: -10px;
        top: 20%
    }

    .recentpost-section .home-arrow .slick-arrow:last-child {
        left: -10px;
        top: 20%
    }

    .contact-time-info-btn a.header_btn {
        width: 130px;
        margin: 0 auto;
        font-size: 9px!important;
        padding: 0 15px
    }

    .contact-time-info p {
        width: 100%;
        padding: 0 15px
    }

    .contact-us-any-time .contact-time-content .section_heading {
        padding: 15px 15px
    }

    .contact-time-image img {
        height: 330px
    }

    .contact-time-content .heading_bg {
        left: 0
    }

    .about-section .about-image-row .about-image:hover .about-image-item h6 {
        bottom: 60px
    }

    .service-title h4 {
        font-size: 13px!important;
        line-height: 20.36px!important
    }
}

@media only screen and (max-width: 667px) {
	.contact_email h6 {
    padding-left: 0px;
}
	.main-footer .footer-col1 p {
    padding-left: 0px;
}
    .slider-main:before {
        top: 200px;
        z-index: 9;
    }
	.main-footer .footer-col1 {
    margin-top: -10px;
}
	    .page-id-11 .image {
        height: 300px;
    }
	    .page-id-11 .sliderInner .inner-content {
        padding-top: 0px;
    }
	    .sliderInner .inner-content {
        top: 0px !important;
    }
	 .our_products .product_item .product_item_row .product_item_content .product_except_content ul li {
        font-size: 14px;
        left: 15px;
    }
    .why-choose-us-section {
        padding-bottom: 20px;
        padding-top: 10px;
    }
	    .custom-news .news-item:first-child {
        padding-right: 0px;
    }
	    .custom-news .news-item:first-child {
        padding-right: 0px;
    }
	.footer-social-icon {
    display: block;
    align-items: center;
    justify-content: space-between;
}
	ul.footer-socialnav {
    display: flex
;
    justify-content: center;
}
	.site-info {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    padding-left: 0px;
}
	    p {
        font-size: 14px !important;
        line-height: 24px !important;
    }
	.management-section .tab-content-item p {
    color: #353535;
    font-family: 'Manrope';
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 23px !important;
    padding-top: 20px;
}
	    .management-section .tab-item span {
        font-size: 12px;
        line-height: 22px;
        padding-left: 10px;
        padding-right: 10px;
    }
	.management-section .tab-content-item .read-more-btn {
    font-size: 12px;

}
	.management-section .horizontal-tabs {
    display: block;
    margin-bottom: 20px;
}
	    .management-section .modal-dialog.modal-lg {
        max-width: 80%;
    }
	    .management-section h5.modal-title {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .header-info .site-branding.navbar-brand {
        width:60%
    }

    .service-section .section_heading .heading_title h2 {
        margin-top: 0;
        font-size: 12px!important
    }

    .certificate_item {
        width: 99%
    }

    h2 {
        font-size: 14px!important;
        letter-spacing: -1px
    }

    h6 {
        font-size: 12px!important;
        line-height: 14px!important
    }

    .service-title h4 {
        font-size: 12px!important;
        line-height: 13px!important;
        letter-spacing: 0
    }

    .service-slider .heading_title {
        padding-bottom: 5px
    }

    .service-left-content p {
        font-size: 11px!important;
        line-height: 22px!important;
        letter-spacing: 0
    }

    .sliderInner .image img {
        height: 320px;
        object-fit: cover
    }
}

@media only screen and (max-width: 640px) {
    .main-navigation ul {
        display:block!important;
        width: 100%
    }

    .main-navigation ul li:nth-child(3):after {
        width: 9px;
        height: 4px;
        top: 18px;
        right: 0
    }
}

@media only screen and (max-width: 480px) {
    .ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more a {
        padding:10px 14px;
        font-size: 12px
    }

    .ProductCatalog .ProductCatalog_row .ProductCatalog_item {
        padding: 15px
    }

    .ProductCatalog .ProductCatalog_row {
        grid-column-gap: 15px;
        grid-row-gap: 30px;
        grid-template-columns: repeat(1,1fr)
    }

    .ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more:first-child {
        margin-right: 7px
    }

    .ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more:last-child {
        margin-left: 7px
    }
}

@media only screen and (max-width: 360px) {
    #file-name {
        font-size:10px
    }
}

@media only screen and (max-width: 320px) {
    .sliderInner .inner-content .text h1 {
        font-size:10px!important;
        line-height: 14px!important
    }

    .sliderInner .inner-content .text h6 {
        font-size: 10px!important;
        padding-bottom: 5px
    }

    .home-arrow {
        bottom: 30px
    }

    .ProductCatalog .ProductCatalog_row .ProductCatalog_item .download_btn .learn-more a {
        padding: 10px 10px;
        font-size: 12px
    }
}

.hidden {
    display: none;
}