/*
 Theme Name: GBS
 Author: ExellarTech
 Version: 1.0
*/


/* ---------------------------------------------- ARABIC START ---------------------------------------- */
@font-face {
    font-family: 'GE SS Two';
    src: url('GESSTwoMedium-Medium.eot');
    src: url('GESSTwoMedium-Medium.eot?#iefix') format('embedded-opentype'),
        url('GESSTwoMedium-Medium.woff2') format('woff2'),
        url('GESSTwoMedium-Medium.woff') format('woff'),
        url('GESSTwoMedium-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

 @font-face {
  font-family: "Montserrat";
  src:url('https://gbs.sa.com/wp-content/themes/gbs/fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
  font-weight: normal;
  font-display: swap;
}

@font-face {
    font-family: "Cairo";
    src:url('https://gbs.sa.com/wp-content/themes/gbs/fonts/Cairo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Cairo Bold";
    src:url('https://gbs.sa.com/wp-content/themes/gbs/fonts/Cairo-Bold.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
  }

  @font-face {
  font-family: "GothamBook";
  src: url('https://gbs.sa.com/wp-content/themes/gbs/fonts/Gotham-Book.woff') format('woff'),
       url('https://gbs.sa.com/wp-content/themes/gbs/fonts/Gotham-Book.woff2') format('woff2'),
       url('https://gbs.sa.com/wp-content/themes/gbs/fonts/Gotham-Book.ttf') format('truetype');
  font-weight: normal;
  font-display: swap;
}

/* FONTS */

@font-face {
    font-family: "URW-DIN-Arabic-thin";
    src: url("https://www.gbs.sa.com/wp-content/themes/gbs/fonts/URW-DIN-Arabic-Light.ttf") format("truetype");
    font-weight: 100;
    font-display: swap;
  }
  @font-face {
    font-family: "URW-DIN-Arabic";
    src: url("https://www.gbs.sa.com/wp-content/themes/gbs/fonts/URW-DIN-Arabic.ttf") format("truetype");
    font-weight: 400;
    font-display: swap;
  }
  @font-face {
    font-family: "URW-DIN-Arabic-Medium";
    src: url("https://www.gbs.sa.com/wp-content/themes/gbs/fonts/URW-DIN-Arabic-Medium.ttf") format("truetype");
    font-weight: 500;
    font-display: swap;
  }
  
  @font-face {
    font-family: "URW-DIN-Arabic-Bold";
    src: url("https://www.gbs.sa.com/wp-content/themes/gbs/fonts/URW-DIN-Arabic-Bold.ttf") format("truetype");
    font-weight: 700;
    font-display: swap;
  }
  

  html[lang="en-AU"] h2.title-h2{
    font-family: "GothamBook";
}

html[lang="ar"] .home-about-the-product{
	/*background-position: right;*/
	background-position: 160%;
}
html[lang="ar"] ul.home-projects__grid img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
html[lang="ar"] .home-latest-news__grid .each__post:nth-child(even) .title-date span, html[lang="ar"] .title-date span {
    left: 18px;
}
html[lang="ar"]  .slick-slider .slick-track, html[lang="ar"] .slick-slider .slick-list{ 
	direction: ltr; 
}
html[lang="ar"] .product-page .slick-slider .slick-list, html[lang="ar"]  .slick-slider .slick-track{
	direction: rtl !important; 
 }
 
 html[lang="ar"] .product-page-single-slider-nav .slick-track  {
    float: left;
    }

html[lang="ar"] header.site-header .header-right ul li {
   /* margin-right: 24px;*/
   margin-right: 30px;
}
html[lang="ar"]  .about-phomi-feature .ap-feature-icon {
    float: right;
}
html[lang="ar"] ul.clay-sheet-banner-div .show-on-hover{
	padding: 14px;
}
html[lang="ar"] .product-page-single-slider .grid .product-content hr {
    margin-right: 0;
}
html[lang="ar"] .content-div2 h5::after, html[lang="ar"] .content-div1 h5::after{
	right: 1px;
}
html[lang="ar"] .content-div2 h3::after, html[lang="ar"] .content-div1 h3::after{
	right: 1px;
}
html[lang="ar"] .green-bg {
    background-color: #151617;
    padding: 20px 10px;
    border-radius: 10px;
    margin: 15px 0;
}
html[lang="ar"] .home-about-the-product__right ul {
    margin-right: 22px;
}
html[lang="ar"] .home .slick-prev {
    transform: rotate(180deg);
}
html[lang="ar"] .home .slick-next {
    left: -45px;
    transform: rotate(180deg);
}
html[lang="ar"] .content-div1 ul, 
html[lang="ar"] .content-div2 ul {
    padding-right: 20px;
}
html[lang="ar"] .home-contact-us__main ul li label{
	float:right;
}
html[lang="ar"] input,
html[lang="ar"] textarea {
    direction: rtl !important;
}
html[lang="ar"] .contact-div ul.contact-ul li{
    padding-right: 30px;
}
html[lang="ar"] .contact-div ul.contact-ul li::after {
    right: 0;
}
html[lang="ar"] .contact-div ul.contact-ul li span {
    color: #7c9b2a;
}
html[lang="ar"] .image-content,
html[lang="ar"] .image-content h6{
    text-align: right;
}
html[lang="ar"] .image-content,
html[lang="ar"] .image-content h2{
    text-align: center;
}

/* ---------------------------------------------- ARABIC END ---------------------------------------- */

/* RESETS */

* {
    box-sizing: border-box;
}
html {
    scroll-padding-top: 60px;
}
html, body {
    margin:0;
    padding: 0;
    scroll-behavior: smooth;
}
a[hreflang="en-AU"]{
    font-family: "GothamBook", sans-serif;

}
a[hreflang="ar"]{
    font-family: "GE SS Two", sans-serif;

}
body {
	 font-family: "GothamBook", sans-serif;
    /*font-size: 20px;*/
    color: #000;
    overflow-x: hidden;
    font-size: 16px;
    line-height:1.2;
}
body.rtl {
	 font-family: 'GE SS Two';
    /*font-size: 20px;*/
    color: #000;
    overflow-x: hidden;
    font-size: 16px;
}


a:focus,
button:focus {
    outline: none;
}
a {
    text-decoration: none;
    color: #000;
    font-size: inherit;
}
p {
    color: #000;
    font-size: 16px;
    margin: 0;
    line-height: 28px;
}
ul {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    color: #000;
    margin: 0;
}
h1 {
    font-size: 40px;
}
h2 {
    font-size: 82px;color: #0084AD;
}


/*
h3 {
    font-size: 42px;
}*/

h3{
    font-size: 18px;
    color: #93D500;
    margin-bottom: 30px;
    font-weight: 100;
}
.home-certificates-section{ background:#f4f4f4;}
.home-certificates-section .container{ background:#f4f4f4;}
h3.title-h3{
    font-size: 22px;
    color: #93D500;
    margin-bottom: 30px;
    font-weight: 400;
    position: relative;
    margin-left: 40px;
}

html[lang="ar"] h3.title-h3:before{
    content:url(https://gbs.sa.com/wp-content/uploads/2023/06/Trace-103.png);
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
}
h3.title-h3:before{
    content:url(https://gbs.sa.com/wp-content/uploads/2023/07/plume-en.png);
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
}
h4 {
    font-size: 25px;
}
img {
    display: block;
    height: auto;
}

/*GENERAL */
:root {
  --gbsGreen: #0084ad;
  --white: #fff;
}
.mt-40{
   margin-top: 40px;
}
.grey-title {
    padding: 15px 0;
    text-align: center;
    margin-bottom:40px;
}
/*
.grey-title p{
    color: #fff;
}*/
a.btn, div.btn {
    padding: 10px 40px;
    display: inline-block;
    margin-top: 15px;
    border-radius: 4px;
}
a.btn:hover, div.btn:hover  {
    opacity: 0.9;
}
a.btn__white{
  background-color: #0084ad;
  color: #ffffff;
}
/*a.btn__white{*/
/*  background-color: #fff;*/
/*  color: #0084ad;*/
/*}*/
a.btn__green, div.btn__green{
   background-color: #0084ad;
   color: #fff;
}


/* BASICS STYLES */

.reset {
    font-size: 0;
    list-style-type: none;
    padding: 0;
}
.clear {
    clear: both;
}
.container {
    width: 1260px;
    max-width: 96%;
    margin: 0 auto;
}
.widget,
.widget ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* Mobile Header */ 
.header-mobile-menu {
    display: none;
}

/* HOME */

.crellyslider>.cs-controls, .crellyslider>.cs-navigation {
    opacity: 1;
    z-index : 0;
}
.crellyslider>.cs-controls>.cs-previous {
    background-image: url('https://www.gbs.sa.com/wp-content/uploads/2021/12/arrow-left.png');
}
.crellyslider>.cs-controls>.cs-previous::before {
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -5px;
    position: absolute;
    right: 14px;
    color: #0084ad;
}

.crellyslider>.cs-controls>.cs-next {
    background-image: url('https://celebratedeals.in/clients/project-name/wp-content/uploads/2021/12/arrow-right.png');
}
.crellyslider>.cs-controls>.cs-next::before {
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -5px;
    position: absolute;
    right: 11px;
    color: #0084ad;
}

/*HEADER */
header.site-header .container {
    /*width: 1366px;*/
    /*max-width: 98%;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
	z-index:1;
	position:relative;
}
header.site-header {
    /*box-shadow: 0px 0px 6px #00000029;*/
    padding: 15px 0 0px;
}
header.site-header .header-logo {
    /*display: inline-block;*/
    /*width: 14%;*/
}
.header-logo img {
    max-width: 100%;
}
header.site-header .header-right {
    /*display: inline-block;*/
    /*vertical-align: 40px;*/
    margin-left: 22px;
    /*width: 84%;*/
}
header.site-header .header-right ul {
    list-style: none;
    position: relative;
}
header.site-header .header-right ul li {
    display: inline-block;
    /*margin-right: 11px;*/
    margin-right: 20px;
}
header.site-header .header-right ul li a{
    font-size: 18px;
    color: #fff;
    position: relative;
    padding-bottom: 7px;
}
header.site-header .header-right ul li.current-menu-item a {
    color: #93D500 !important;
}
header.site-header .header-right ul li a:active{  
      color: #93D500 !important;
}
header.site-header .header-right ul li a:hover {
    color: #93D500 !important;
    transition: 0.5s;
    background-color: transparent;
}
header.site-header .header-right ul li a:before {
    content: "";
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.5s;
    position: absolute;
    width: 80%;
    height: 2px;
    background: #7c9b2a;
    top: 100%;
    left: 0;
	display:none;
}
header.site-header .header-right ul li.current-menu-item a::before{
    transform-origin: 0% 50% !important;
    transform: scale3d(1, 1, 1) !important;
}
header.site-header .header-right ul li a:hover:before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}
ul#menu-main-menu li:last-child {
    margin-left: 20px;
}
ul#menu-main-menu li:last-child a {
    color: #0084ad !important;
    font-weight: bold;
    line-height: 1.2;
    font-size: 18px;
    -webkit-text-size-adjust: 100%;
}
ul#menu-main-menu li:last-child a[hreflang="en-AU"] {
    font-family: "GothamBook", sans-serif;
    color: #0084ad !important;
    display: block;
    line-height: 1.2;
    font-size: 18px;
    -webkit-text-size-adjust: 100%;
}


/*SUBMENU */
.home ul#menu-main-menu li ul.sub-menu {
    background-color: #0084ad;
    -webkit-box-shadow: 6px 6px 16px -10px rgb(0 0 0 / 75%);
    -moz-box-shadow: 6px 6px 16px -10px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 16px -10px rgb(0 0 0 / 75%);
        border: 1px solid #b9b9b978;
}
ul#menu-main-menu li ul.sub-menu,
ul#menu-main-menu-arabic li ul.sub-menu{
    position: absolute;
	background-color: #7c9b2a;
    width: fit-content;
    height: fit-content;
    display: none;
	z-index: 99;
	top: 32px;
}
ul#menu-main-menu li#menu-item-591:hover ul.sub-menu,
ul#menu-main-menu-arabic li.menu-item-has-children:hover ul.sub-menu{
	display: block;
}
ul#menu-main-menu li ul.sub-menu li,
ul#menu-main-menu-arabic li ul.sub-menu li {
    display: block;
    margin: 0;
}
ul#menu-main-menu li ul.sub-menu li a,
ul#menu-main-menu-arabic li ul.sub-menu li a{
    padding: 12px;
    display: block;
    color: #fff;
    font-weight: 400;
}
ul#menu-main-menu li ul.sub-menu li a::before,
ul#menu-main-menu li ul.sub-menu li a::after,
ul#menu-main-menu-arabic li ul.sub-menu li a::before,
ul#menu-main-menu-arabic li ul.sub-menu li a::after{
	display: none;
}
ul#menu-main-menu li ul.sub-menu li a:hover,
ul#menu-main-menu-arabic li ul.sub-menu li a:hover{
    background-color: #fff;
}
ul#menu-main-menu ul.sub-menu li:last-child a,
ul#menu-main-menu-arabic ul.sub-menu li:last-child a{
	color: #fff !important;
	font-weight: 400;
}
ul#menu-main-menu ul.sub-menu li:last-child a:hover,
ul#menu-main-menu-arabic ul.sub-menu li:last-child a:hover{
	color: #000 !important;
}
header.site-header .header-right ul li.menu-item-has-children:hover ul.sub-menu {
    display: block !important;
}



/*FOOTER  */
footer.site-footer {
    background-color: #3b3734!important;
	padding:30px 80px;
	background:url(https://gbs.sa.com/wp-content/uploads/2023/06/bg-footer.jpg);
	background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
}
.footer__main {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 40px 0;
}
.footer__main h4.widget-title,.footer__main p.widget-title {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 22px;
    color: #0084ad!important;
}
.rtl .footer__main h4.widget-title,.footer__main p.widget-title {
    margin-bottom: 50px;
    font-weight: 500;
    font-size: 22px;
    color: #0084ad!important;
}
.footer-extreme-bottom .container{ border-top:1px solid #d2d1cf;}
.footer__main ul {
    padding-left: 0px;
}
.footer__main ul li {
    list-style: square;
    margin-bottom: 6px;
    
    color: #ffffff;
}
.footer__main ul li a {
    color: #fff;
}
.footer.f-col-3 p {
    font-size: 18px !important;
   
    color: #F5F5F5;
}
.footer.f-col-3 .lft p.widget-title{
    margin-bottom: 50px;
    font-weight: 500;
    font-size: 22px !important;
    color: #0084ad!important;
}

.footer.f-col-3 ul {
    display: flex;
    padding-left: 0;
    gap: 12px;
    margin-top: 30px;
}
.footer.f-col-3 ul li {
    list-style: none;
}
.footer.f-col-3 ul li input {
    width: 100%;
    outline: none;
}
.footer.f-col-3 ul li:first-child input {
   background-color: #fff;
    border: 0px;
    padding: 10px 52px;
    border-radius: 4px;
    font-family: 'GE SS Two';
}
.lft{ position:relative;}
.lft:before{ content: url(https://gbs.sa.com/wp-content/uploads/2023/06/logofooter.png); position: absolute;left: 0;}
.footer.f-col-3 ul li:last-child input {
    background-color: #93d501;
    border: 0px;
    padding: 7px 12px;
    border-radius:4px;
    color: #fff;
    font-size: 18px;
}	
html[lang="ar"] .footer.f-col-3 ul li:last-child input{
    font-family: 'GE SS Two';
}
.footer.f-col-3 ul li:last-child input:hover, .home-contact-us__main ul li.submit input:hover {
    cursor: pointer;
    opacity: 0.9;
}
.footer.f-col-3 ul li input::placeholder {
   
    color: #e6e6e6;
    font-size: 18px;
}
.footer-extreme-bottom {
}
.footer-extreme-bottom>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
}
.footer-extreme-bottom>div p {
    color: #fff;font-family: "GothamBook", sans-serif; font-size:14px;
   
}
.social-icons i::before {
    font-family: 'FontAwesome';
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.social-icons {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.social-icons i {
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
}
a.footer-tiktok svg.svg-inline--fa.fa-tiktok.fa-w-14 {
    height: 35px;
    width: 35px;padding: 5px;
	border-radius: 50%;
}

.banner ul li::before {
    background-color: #000;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    opacity: 0.5;
}
.home-about-the-product {
    margin-top: 0;
    background-repeat: no-repeat;
    background-position: -60%;
    padding: 77px 0px;
    /*background-color: #0084ad;*/
}
.home-about-the-product__main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    align-items: center;
}
.home-about-the-product__right h3 {
    font-weight: 600;
    color: #000;
    font-size: 24px;
    margin-bottom: 10px;
}
.home-about-the-product__right h2 {
    font-weight: 600;
    color: #000;
    font-size: 28px;
    margin-bottom: 10px;
}
.about-phomi-feature h2 {
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 600;
    font-size: 36px;
}
html[lang="ar"] .ap-feature-content h3{
	font-size: 20px;
    font-weight:600;
}
html[lang="en-AU"] .ap-feature-content h3{
font-size: 20px;
font-family: "GothamBook";
}
.home-about-the-product__right p {
    color: #000;
    line-height: 32px;
   
    margin-bottom: 15px;
}

.home-latest-news .grey-title > .container, 
.home-projects .grey-title > .container,
.home-certificates .grey-title > .container{
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.home-projects .grey-title > .container{max-width:100%;}
.home-latest-news .grey-title > .container > p:first-child, 
.home-projects .grey-title > .container>p:first-child,
.home-certificates .grey-title > .container>p:first-child {
    flex-grow: 1;
}
.home-latest-news .grey-title > .container a, 
.home-projects .grey-title > .container a,
.home-certificates .grey-title > .container a{
    color: #93D500;
    text-decoration: none;
    font-size:18px;
    line-height:1.3;
    -webkit-text-size-adjust: 100%;


}
.home-latest-news .grey-title > .container a:hover, 
.home-projects .grey-title > .container a:hover,
.home-certificates .grey-title > .container a:hover{
    color: #93D500;
    opacity: 0.8;
}





/*home products tab section */
.home-products {
   /* text-align: center;*/
   padding: 50px 0px 10px;
   background-color: #f7f7f8!important; 
}
.tabcontent {
    display: none;
    animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
    animation-duration: 1s;
}
@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*.tabcontent:first-child {*/
.tabcontent:nth-child(3) {
    display: block;
}
.home-products ul.tab {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
    list-style: none;
    background-color: #939498;
    /*margin-bottom: 60px;*/
    justify-content: center;
    width: 1260px;
    max-width: 96%;
    margin: 20px auto 40px;
}
.home-products ul.tab li.tabs-sec__each.tablinks {
    padding: 15px 0px;
    position: relative;
    border-right: 1px solid #ddd;
    text-transform: uppercase;
	color:#fff;
}
.home-products ul.tab li.tabs-sec__each.tablinks::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 13px 0 13px;
    border-color: #0084AD transparent transparent transparent;
    bottom: -12px;
    left: 50%;
    transform: translate(-50%, 0);
    opacity:0;
    transition: 0.4s;
}
.home-products ul.tab li.tabs-sec__each.tablinks:hover {
    /*background-color: #7C9B2A;*/
    background-color: #0084AD;
    cursor: pointer;
    color: #fff;
    transition: 0.4s;
    border-right: 0;
}
.home-products ul.tab li.tabs-sec__each.tablinks:hover::before {
    opacity: 1;
    transition: 0.4s;
}
.home-products ul.tab li.tabs-sec__each.tablinks.active::before {
   opacity: 1;
}
.home-products ul.tab li.tabs-sec__each.tablinks.active{
   /*background-color: #7C9B2A;*/
   background-color: #0084AD;
   color: #fff;
   border-right: 0;
}
.home-products__main li.slick-slide img {
    max-width: 100%;
    padding: 15px;
    border-radius: 24px !important;
}
.home-products__main .slick-prev {
    left: -50px;
}
.home-products__main button.slick-next.slick-arrow::before {
    content: "\f105";
    font-family: 'FontAwesome';
    color: #93D500;
    font-size: 28px;
    box-shadow: 0px 0px 6px #00000029;
    padding: 5px 15px;
    background-color: #fff !important;
    opacity: 1;
    border-radius: 4px;
    border: 1px solid #0084AD;
}
.home-products__main button.slick-prev.slick-arrow::before{
    content: "\f104";
    font-family: 'FontAwesome';
    color: #93D500;
    font-size: 28px;
    box-shadow: 0px 0px 6px #00000029;
    padding: 5px 15px;
    background-color: #fff !important;
    opacity: 1;
    border-radius: 4px;
    border: 1px solid #0084AD;

}
.home-products__main ul.intro li {
    position: relative;
}
.home-products .slick-next, .home-products .slick-prev {
    top: 85px;
}
/*.home-products__main ul.intro li .image-content {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 100%;*/
/*    width: 100%;*/
/*    z-index: 9;*/
/*    box-shadow: 0px 0px 6px #00000029;*/
/*    background: #FFFFFF 0% 0% no-repeat padding-box;*/
/*}*/
.home-products__main ul.intro li img {
    z-index: 0;
    position: relative;
    transition: 0.4s;
    min-height: 180px !important;
    object-fit: cover;
}
/*.home-products__main ul.intro li .image-content {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 10px;*/
/*    width: 292%;*/
/*    box-shadow: 0px 0px 6px #00000029;*/
/*    background: #FFFFFF 0% 0% no-repeat padding-box;*/
/*    height: 90%;*/
/*    padding: 20px;*/
/*    text-align: left;*/
/*    margin-top: 10px;*/
/*    z-index: 1;*/
/*    padding: 20px 20px 20px 180px;*/
    /*opacity: 0;*/
/*    display: none;*/
    /*transition: 0.4s;*/
/*    border-radius: 8px;*/
/*    animation-name: fadeIn;*/
/*	animation-timing-function: ease-in;*/
/*    animation-duration: 0.4s;*/
/*}*/
/*@-o-keyframes fadeIn {*/
/*  0% { opacity: 0; }*/
/*  100% { opacity: 1; }*/
/*}*/
/*li.slick-slide.slick-active:nth-child(5) .image-content,*/
/*li.slick-slide.slick-active:nth-child(6) .image-content,*/
/*li.slick-slide.slick-active:nth-child(7) .image-content,*/
/*li.slick-slide.slick-active:nth-child(8) .image-content{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: -350px;*/
/*    width: 292%;*/
/*    box-shadow: 0px 0px 6px #00000029;*/
/*    background: #FFFFFF 0% 0% no-repeat padding-box;*/
/*    height: 90%;*/
/*    padding: 20px;*/
/*    text-align: left;*/
/*    margin-top: 10px;*/
/*    z-index: 1;*/
    /*padding: 20px 20px 20px 180px;*/
/*    padding: 20px 20px 20px 20px;*/
    /*opacity: 0;*/
/*    display: none;*/
    /*transition: 0.4s;*/
/*    border-radius: 8px;*/
/*    animation-name: fadeIn;*/
/*	animation-timing-function: ease-in;*/
/*    animation-duration: 0.4s;*/
/*}*/
/*li.slick-slide.slick-active:nth-child(5) .image-content .image-content hr,*/
/*li.slick-slide.slick-active:nth-child(6) .image-content .image-content hr,*/
/*li.slick-slide.slick-active:nth-child(7) .image-content .image-content hr,*/
/*li.slick-slide.slick-active:nth-child(8) .image-content .image-content hr{*/
/*	width: 7%;*/
/*}*/
/*li.slick-slide.slick-active:nth-child(5):hover img,*/
/*li.slick-slide.slick-active:nth-child(6):hover img,*/
/*li.slick-slide.slick-active:nth-child(7):hover img,*/
/*li.slick-slide.slick-active:nth-child(8):hover img{*/
/*    z-index: 9;*/
    /*transition: 0.4s;*/
/*    animation-name: fadeIn;*/
/*	animation-timing-function: ease-in;*/
/*    animation-duration: 0.4s;*/
/*}*/
/*.home-products__main ul.intro li:hover img {*/
/*    z-index: 9;*/
    /*transition: 0.4s;*/
/*    animation-name: fadeIn;*/
/*	animation-timing-function: ease-in;*/
/*    animation-duration: 0.4s;*/
/*}*/
/*.home-products__main ul.intro li:hover .image-content {*/
    /*opacity: 1;*/
/*    display: block;*/
/*    transition: 0.4s;*/
/*}*/
.home-products__main ul.intro li:hover .image-content .view-more-btn {
    font-size: 14px;
    padding: 10px 20px;
}
.image-content{
    color: #000;
    text-align: left;
    padding: 0 15px;
    opacity: 1;
    font-size: 16px;
}
.home-products__main ul.intro li:hover .image-content{
    opacity: 1;
}
.image-content h6 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-align: left;
}
html[lang="ar"] .image-content h2 ,html[lang="ar"] .image-content p{
    font-family: 'GE SS Two';
    font-size: 14px;
    line-height:18px;
    font-weight: 500;
    color: #000;
    text-align: center;
}
.image-content h2,.image-content p {
    font-size: 14px;
    line-height:18px;
    font-weight: 500;
    color: #000;
    text-align: center;
}
.image-content hr{
    width:  35%;
    border: 1px solid #0084ad;
    margin: 10px 0;
}

.image-content p{
    color: #000000;
    line-height: 30px;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/*home installation service */
html[lang="ar"] .home-installation{
    text-align: right;
    background-image: url('https://gbs.sa.com/wp-content/uploads/2023/06/Groupe-121.jpg');
    /*background-color:#3a3734;*/
    background-size: cover;
    background-repeat: no-repeat;
    padding: 70px 20px 50px;
    position: relative;
}
.home-installation{
    background-image: url('https://gbs.sa.com/wp-content/uploads/2023/06/Groupe-121.jpg');
    /*background-color:#3a3734;*/
    background-size: cover;
    background-repeat: no-repeat;
    padding: 70px 20px 50px;
    position: relative;
}

html[lang="ar"] .page-id-1295 .home-installation {
    text-align: right;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0px 0px!important;
    position: relative;
}
.page-id-1295 .home-installation {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0px 0px!important;
    position: relative;
}
/*
.home-installation::before {
    content: "";
    background-image: url('https://celebratedeals.in/clients/gbs/wp-content/uploads/2022/09/overlay-color-home.png');
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: 1;
}*/
.home-installation .container, .home-installation .grey-title {
    position: relative;
    z-index: 2;
}
.home-installation li.sf-field-taxonomy-installationservices_categories ul li:first-child {
    display: none;
}
.home-installation li.sf-field-taxonomy-installationservices_categories ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.home-installation li.sf-field-taxonomy-installationservices_categories ul li {
    box-shadow: 0px 0px 6px #00000029;
    padding: 10px 22px;
    border-radius: 8px;
    background-color: #fff;
    color: #0084ad;
}
.home-installation li.sf-field-taxonomy-installationservices_categories ul li:hover, a.service-btn:hover {
    background-color: #0084ad;
    cursor: pointer;
    transition: 0.4s;
    color: #fff;
}
.home-installation li.sf-field-taxonomy-installationservices_categories ul li label:hover{
    cursor: pointer;
}
.home-installation li.sf-field-taxonomy-installationservices_categories ul li input {
    display: none;
}
.home-installation li.sf-field-taxonomy-installationservices_categories ul li label {
    padding-left: 0;
}
.home-installation li.sf-option-active {
    background-color: #0084ad;
    color: #fff;
}
.home-installation .is-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    list-style: none;
    width: 70%;
    margin: 30px auto 0;
}
.home-installation .is-grid> li {
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 8px;
    padding: 0px 10px 15px 10px;
    position: relative;
    background-color: #fff;
}
.home-installation .is-grid> li::before {
    content: "";
    background-image: url('https://celebratedeals.in/clients/gbs/wp-content/uploads/2022/08/Group-96407@2x.png');
    height: 60px;
    width: 60px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    /*top: 40%;*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.home-installation .is-grid span {
    color: #9D9D9C;
    margin-top: 11px;
    display: block;
    font-size: 18px;
}
.home-installation .is-grid h2 {
    color: #9D9D9C;
    margin-top: 11px;
    display: block;
    font-size: 18px;
}
.home-installation .is-grid img{
    max-width: 100%;
}

/*home projects section */
ul.home-projects__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
    grid-template-rows: 350px;
    grid-auto-rows: 350px;
    grid-gap: 16px;
}
.home-projects__main.projects-main-page ul.home-projects__grid {
	grid-template-columns: repeat(3, 1fr);
	/*grid-template-columns: repeat(5, 1fr);*/
}
ul.home-projects__grid img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

ul.home-projects__grid li{
   position: relative;
}
ul.home-projects__grid .on-hover-content,
.projects-top-grid .on-hover-content{
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding:30px;
}
ul.home-projects__grid .on-hover-cover,
.projects-top-grid .on-hover-cover{
    position:absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: var(--gbsGreen);
    opacity: 0;
    transition: 0.6s;
    text-align: center;
}
.home-projects-banner{
    margin:0px auto;
    width:818px; 
}
ul.home-projects-banner li{
    position: relative;
    /*width:260px;*/
 }

ul.home-projects-banner .box-before-hover {
    background-color: #93D500;
    color: #fff;
    font-size: 19px;
    left: 50%;
    top: 50%;
 /*   transform: translate(-50%, -50%);*/
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*padding: 2rem 3rem;*/
    height: 155px;
    
}
ul.home-projects-banner .box-before-hover .box-content{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    font-size: 19px;
    width: 70%;

}
.section-banner-icons{
    margin-top:-155.5px;
}
ul.home-projects-banner .box-before-hover .icon-banner img{
    /*width: 50px;*/
    padding-bottom: 10px;
    border-bottom: 2px solid #3A3734;
}
ul.home-projects-banner .box-before-hover .icon-banner{
    margin-bottom:15px;
}
/*
ul.home-projects-banner li:hover .box-overlay .overlay-title{
    margin-bottom:15px;
   

} */
ul.home-projects-banner li:hover .box-overlay .overlay-title span{
 width:200px;
 padding-bottom: 10px;
 /*border-bottom: 2px solid #93D500;*/
 font-weight:18px;
 line-height:14px;
 font-weight:600;
}

.overlay-title hr {
    border:1px solid #93D500!important;
    width: 50px;
    margin:10px auto;
}
.content-after-hover p{
   font-size:13px;
   line-height:16px;
   font-weight:lighter;
   color:white; 
}

/*ul.home-projects-banner li:hover .box-before-hover{
    opacity: 0;

}*/
ul.home-projects-banner li:hover .box-overlay{
    opacity:1;
    background-color:#0084AD;
    color:#fff;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transition: 0.2s;
    padding: 2rem 3rem;
    

}
ul.home-projects-banner .box-overlay{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: 0.2s;
    color:#fff;
}

ul.home-projects-banner .content-after-hover{
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 90%;
}

ul.home-projects__grid li:hover .on-hover-cover,
.projects-top-grid div:hover .on-hover-cover{
    /*opacity: 1;*/
    opacity: 0.9;
    transition: 0.6s;
}
html[lang="ar"] ul.home-projects__grid .on-hover-content span,
html[lang="ar"] .projects-top-grid .on-hover-content span{
    color: #fff;
     font-family: 'GE SS Two';
}
 ul.home-projects__grid .on-hover-content span,
 .projects-top-grid .on-hover-content span{
    color: #fff;
}
ul.home-projects__grid .on-hover-content p,
.projects-top-grid .on-hover-content p{
    color: #fff;
   line-height:1.3;
}
.home-certificates .grey-title > .container a {
    top: -6px;
    position: relative;
}
ul.home-projects__grid .on-hover-content hr,
.projects-top-grid .on-hover-content hr{
    width: 15%;
    border: 1px solid #fff;
}
.projects-top-grid > div {
    position: relative;
}
.projects-top-grid .on-hover-cover p {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.projects-top-grid .on-hover-cover h3 {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
	font-size: 25px;
}

/*certificate section */
.home-certificates {
    padding: 50px 0;
}
/*
.home-certificates__main {
    text-align: center;
}*/

.page-template-home-new ul.home-certificates__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    margin-top: 30px;
    justify-items: center;
}

ul.home-certificates__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    margin-top: 30px;
    justify-items: center;
}
ul.home-certificates__grid li {
    list-style: none;
    border-radius: 8px;
    position: relative;
    padding-bottom: 12px;
    
}
ul.home-certificates__grid li img {
    max-width: 100%;
}
html[lang="ar"] .box-key-numbers div{ text-align:center !important;font-size: 30px;}

.box-key-numbers {
    display: flex;
    flex-direction: column;
    align-items: center;
}
 .box-key-numbers div:last-child { text-align:center !important;font-size: 25px; }
html[lang="en-AU"] .box-key-numbers div:last-child{
    width: 98%;
}

.home-certificates__main a {
    margin-top: 40px;
}
ul.home-certificates__grid li .on-hover-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: 0.6s;
}
ul.home-certificates__grid li:hover .on-hover-content {
    opacity: 1;
    transition: 0.6s;
}
.on-hover-content p {
    color: #0084ad;
}

/*latest news section */
.home-latest-news {
    background-color: #151617;
    padding-bottom: 50px;
    display: none;
}
.home-latest-news__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 30px;
    margin-top: 40px;
}
.home-latest-news__grid img {
    max-width: 100%;
}
.home-latest-news__grid h3,.home-latest-news__grid .h3 {
    font-weight: 100;
    font-size: 22px;
    margin: 10px 0;
    color: #D5D5D5;
}
.title-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.title-date span {
    font-size: 18px;
    color: #0084ad;
    position: relative;
}
.home-latest-news__grid p {
    color: #D5D5D5;
    line-height: 32px;
   
}
.home-latest-news__grid .each__post:nth-child(even) .title-date span::after {
    content: "";
    background-image: url(https://celebratedeals.in/clients/gbs/wp-content/uploads/2022/08/calendar-img.png);
    height: 22px;
    width: 23px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 1px;
}
.home-latest-news__grid .each__post:nth-child(odd) .title-date span::before {
    content: "";
    background-image: url(https://celebratedeals.in/clients/gbs/wp-content/uploads/2022/08/calendar-img.png);
    height: 22px;
    width: 23px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: -22px;
    top: 1px;
}
.home-latest-news__grid .each__post:nth-child(even) .title-date span {
    left: -20px;
}

/*contact section */
.home-contact-us {
    background-color: #E3E3E3;
}
.home-contact-us__main ul {
    margin-top: 35px;
}
.home-contact-us__main ul li {
    list-style: none;
    width: 48%;
    float: left;
    margin-right: 25px;
    margin-bottom: 20px;
}
.home-contact-us__main ul li.ta {
    width: 98%;
}
.home-contact-us__main ul li input,.home-contact-us__main ul li textarea{
    width: 100%;
    /*background-color: #F5F5F5;*/
    border: 0px;
    padding: 15px;
    outline: none;
    border-radius: 8px;
    border: 2px solid #0084ad;
}


.home-contact-us__main ul li label {
    color: #262626;
    font-size: 18px;
    margin-bottom: 15px;
    display: inline-block;
    line-height:1.3;
}
.home-contact-us__main ul li.submit {
    display: inline-block;
    width: fit-content;
}
.home-contact-us__main ul li.submit input {
    background-color: #0084ad;
    color: #fff;
    -webkit-text-size-adjust: 100%;
    font-size: 18px;
    padding: 10px;
    border-radius: 6px;
}

/*ABOUT US */
.home-about-the-product.about-about-the-products {
}
.add-bg {
    background-color: #7c9b2a;
    padding: 10px;
    border-radius: 10px;
    margin: 12px 0;
}
.green-bg {
    background-color: #151617;
    padding: 20px 10px;
    border-radius: 10px;
    margin: 15px 0;
    color: #fff;
}

.about-gallery.about-gallery-slider .about-slider {
    margin-bottom: 60px;
}
/*.home-about-the-product__main.about-page-about {*/
/*    grid-template-columns: 48% 48%;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/
.home-about-the-product__main.about-page-about {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    justify-content: center;
    align-items: center;
}
.about-page-about .home-about-the-product__left .slick-track img{
	width: 100%;
	max-width: 100%;
    height: 100% !important;
    object-fit: cover;
    border-radius: 10px;
}
.about-page-about .home-about-the-product__left .slick-track .element {
	height: inherit !important;
}
.about-gallery-slider .slick-track,
.about-page-about .home-about-the-product__left .slick-track{
    display: flex !important;
}
.about-gallery-slider .about-slider .element {
    border-radius: 10px;
    /*padding: 10px;*/
    background-color: #fff;
    height: inherit !important;
    margin: 0 25px;
    display: flex;
    flex-direction: column;
    /*justify-content: flex-end;*/
    position: relative;
    box-shadow: 0px 0px 10px #00000029;
}

.about-gallery-slider .about-slider .element:last-child{
background-color:#93d501;
}

.about-gallery-slider .about-slider .element:last-child p{
color:#fff;
}

.about-gallery-slider .about-slider .element h5{
	color: #D5D5D5;
	margin: 5px 0;
}
.about-gallery-slider .about-slider .element p{
	color: #000;
	font-size: 15px;
    -webkit-text-size-adjust: 100%;
}
.about-gallery-slider .about-slider .element img{
    max-width: 100%;
    height: 100% !important;
    object-fit: cover;
    border-radius: 10px;
    animation: fadein 0.6s;
}
.element .about-slider-content{
	display: block !important;
	position: initial !important;
	pointer-events: none !important;
}
.element.element-1:hover .about-slider-content{
	animation: none !important;
}
.element .about-slider-content {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    /*padding: 20px 15px 25px 15px;*/
    padding: 30px 25px;
    bottom: 0;
    top: 0;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
    /*background-color: rgba(0,0,0,0.7);*/
   /* background-color: #93d501;*/
    height:100%

}

/*
.element:hover .about-slider-content{
	display: block;
	animation: fadein 0.6s;
	background-color: rgba(0,0,0,0.7);
}*/
.element.element-1{
	pointer-events: none;
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}
.home-about-the-product__left img{
	max-width: 100%;
}

.certificates-main-page ul.home-certificates__grid a:nth-child(3) img {
    height: auto !important;
    padding-top: 35%;
}
.home-certificates__main-2 ul.home-certificates__grid a:nth-child(3) img {
    padding: initial;
}
.about-gallery.about-gallery-slider .slick-next:before,
.about-gallery.about-gallery-slider .slick-prev:before {
    opacity: 1;
    color: #0084ad !important;
}


/* CLAY SHEETS */
.clay-sheet-banner {
    margin: 70px auto;
}
ul.clay-sheet-banner-div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
    text-align: center;
    grid-gap: 40px;
}
ul.clay-sheet-banner-div li {
    position: relative;
   /* border: 8px solid;*/
    border-radius: 8px;
    /*background-color: #151617;*/
    box-shadow: 10px 10px 15px #00000029;

}
/*ul.clay-sheet-banner-div .show-on-hover {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 50%;*/
/*    transform: translate(-50%, 0);*/
/*    background-color: #7C9B2A;*/
/*    display: block;*/
/*    width: 100%;*/
/*    padding: 15px;*/
/*    opacity: 1;*/
/*    transition: 0.4s;*/
/*}*/
ul.clay-sheet-banner-div .show-on-hover {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #7c9b2aa6;
    display: block;
    width: 100%;
    padding: 15px;
    opacity: 0;
    transition: 0.4s;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.clay-sheet-banner-div li:hover .show-on-hover {
    opacity: 1;
    transition: 0.4s;
}
ul.clay-sheet-banner-div .show-on-hover span, ul.clay-sheet-banner-div .show-on-hover h2 {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    -webkit-text-size-adjust: 100%;
}
ul.clay-sheet-banner-div img {
    max-width: 100%;
    margin: 0 auto;
    border-radius: 8px;
}
.home-products__main{
    padding-bottom:80px;
}
/*TAXONOMY PAGE STYLING */
.taxonomy-page-main {
    margin: 50px auto;
}
.home-products__main.taxonomy-page-grid ul.intro {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 30px;
    list-style: none;
}
.home-products__main.taxonomy-page-grid ul.intro img {
    max-width: 100%;
}
.home-products__main.taxonomy-page-grid ul.intro li .image-content {
    height: 100%;
    margin-top: 0;
    width: 340%;
}
.home-products__main.taxonomy-page-grid ul.intro li:nth-child(7n-1) .image-content ,
.home-products__main.taxonomy-page-grid ul.intro li:nth-child(7n) .image-content {
    left: -370px;
}
.home-products__main.taxonomy-page-grid ul.intro li:nth-child(7n-1):hover,
.home-products__main.taxonomy-page-grid ul.intro li:nth-child(7n):hover{
    
}

/*SINGLE PRODUCT PAGE STYLING */
.product-page > .container {
    margin-top: 50px;
    margin-bottom: 50px;
}
.product-page-single-slider .grid {
    display: grid;
    /*grid-template-columns: 1fr 1fr;*/
    grid-template-columns: 1.8fr 1fr;
    grid-column-gap: 30px;
}
.product-page-single-slider .grid img {
    max-width: 100%;
    width: 100%;
    height:400px;
    object-fit: cover;
}
.product-content .product-desc-btn ul {
    padding-left: 25px;
}
li.product-desc-item {
    font-size: 18px;
}
.product-page-single-slider-nav {
    width: 50%;
    margin-top: 20px;
}
.product-page-single-slider-nav .thumbnails {
    width: 140px;
    height: 140px;
}
.product-page-single-slider-nav .thumbnails:hover {
    cursor: pointer;
}
.product-page-single-slider-nav .thumbnails img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.product-page-single-slider-nav .slick-track {
    margin: 0;
}
.product-page-single-slider .grid .product-content h3 {
    font-weight: 100;
    font-size: 20px;
    -webkit-text-size-adjust: 100%;
}
.product-page-single-slider .grid .product-content hr {
    width: 10%;
    margin-left: 0;
}
.product-page-single-slider .grid .product-content hr {
    width: 6%;
    margin-left: 0;
    border: 1px solid #0084ad;
}
.product-page-single-slider .grid .product-content span {
    font-size: 18px;
    -webkit-text-size-adjust: 100%;
    margin: 10px 0;
    display: block;
}
/*.product-page-single-slider .grid .product-content p:nth-child(4){*/
/*    color: #262626;*/
/*}*/
/*.product-page-single-slider .grid .product-content p:nth-child(5) {*/
/*    color: #262626;*/
/*    margin-bottom: 10px;*/
/*}*/
/*.product-page-single-slider .grid .product-content p:nth-child(6) {*/
/*    color: #9D9D9C;*/
/*    line-height: 32px;*/
/*}*/
.green-stock {
    color: #7C9B2A;
    margin: 10px 0;
}
.product-page-single-slider .grid .product-content a {
    background-color: #0084ad;
    color: #fff;
    padding: 15px;
    border-radius: 8px;
    margin-top: 10px;
    display: inline-block;
    -webkit-text-size-adjust: 100%;
    font-family:'Gothambook', sans-serif;
}
.slider.slider-nav.product-page-single-slider-nav.slick-initialized.slick-slider .slick-next:before, 
.slider.slider-nav.product-page-single-slider-nav.slick-initialized.slick-slider .slick-prev:before {
    color: #0084ad;
}

/*product projects section styling */
.product-projects {
    margin-top: 40px;
    background-color: #151617;
    padding-top: 15px;
    border-bottom: 1px solid #323232;
}

.single-productslist .product-projects {
    margin-top: 40px;
    background-color: #151617;
    padding-top: 40px;
    border-bottom: 1px solid #323232;
}

.product-projects h3 {
   font-size: 22px;
    color: #93D500;
    margin-bottom: 30px;
    font-weight: 400;
    position: relative;
    margin-left: 40px;
    -webkit-text-size-adjust: 100%;
}
.project-title-center{
display: flex;
justify-content: center;
margin-bottom: 30px;}

.product-projects hr {
    width: 3%;
    border: 1px solid #0084ad;
    margin-bottom: 30px;
}
ul.product-projects-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /*grid-template-rows: 1fr 0.4fr 1fr;*/
    grid-template-rows: 300px 100px 300px;
    grid-gap: 20px;
    list-style: none;
    margin-bottom: 40px;
    grid-auto-rows: 300px;
}
ul.product-projects-grid img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
ul.product-projects-grid li:nth-child(1) {
    grid-row: 1/3;
    grid-column: 1/2;
}
ul.product-projects-grid li:nth-child(2) {
    grid-column: 2/3;
    grid-row: 1/2;
}
ul.product-projects-grid li:nth-child(3) {
    grid-row: 1/3;
    grid-column: 3/-1;
}
ul.product-projects-grid li:nth-child(4) {
    grid-row: 3/4;
    grid-column: 1/2;
}
ul.product-projects-grid li:nth-child(5) {
    grid-row: 2/-1;
    grid-column: 2/3;
}
ul.product-projects-grid li:nth-child(6) {
    grid-row: 3/-2;
    grid-column: 3/-1;
}
.show-on-click{
    display: none;
}
.show-order-box{
    display: block;
}
/*.show-on-click.show-order-box {*/
/*    background-color: #000;*/
/*    position: fixed;*/
/*    left: 50%;*/
/*    height: auto;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*}*/
.click-to-show:hover{
    cursor: pointer;
}
.show-on-click.show-order-box span.close-modal {
    position: relative;
    right: -10px;
    background-color: #0084ad;
    height: 20px;
    width: 20px;
    display: block;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 15px 17px 18px;
    margin-left: auto;
    top: 20px;
}
.show-on-click.show-order-box span.close-modal:hover,
.show-on-click.show-order-box ul.order-now-form li.submit input:hover{
    cursor: pointer;
}
.show-on-click.show-order-box {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: rgba(0,0,0,0.8);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.show-on-click.show-order-box .show-on-click-wrap {
    padding: 0px 50px;
    width: 60%;
    margin: 0 auto;
}
.show-on-click.show-order-box ul {
    list-style: none;
    background-color: #fff;
    padding: 30px 50px 0 30px;
    text-align: center;
font-family: 'GothamBook';
}
.product-page .screen-reader-response {
    display: none;
}
.show-on-click.show-order-box ul>h5 ,.show-on-click.show-order-box ul>.h5{
    font-size: 22px;
}
.show-on-click.show-order-box ul>p {
    margin-bottom: 30px;
    margin-top: 10px;
}
.show-on-click.show-order-box ul.order-now-form li {
    width: 48%;
    float: left;
    margin-right: 12px;
    margin-bottom: 20px;
}
.show-on-click.show-order-box ul.order-now-form li.ta {
    width: 98%;
    float: none;
}
.show-on-click.show-order-box ul.order-now-form li input {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    outline: none;
    border: 1px solid #EBEBEB;
}
.show-on-click.show-order-box ul.order-now-form li textarea {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    outline: none;
    border: 1px solid #EBEBEB;
}
.show-on-click.show-order-box ul.order-now-form li input::placeholder,
.show-on-click.show-order-box ul.order-now-form li textarea::placeholder{
   
}
.show-on-click.show-order-box ul.order-now-form li.submit {
    width: 20%;
    float: right;
}
.show-on-click.show-order-box ul.order-now-form li.submit input {
    background-color: #0084ad;
    color: #fff;
    font-size: 18px;
    -webkit-text-size-adjust: 100%;
}

/*INSTALLATION SERVICE MAIN PAGE */
.installation-service-main-page {
    margin-bottom: 0 !important;
}
.installation-service-main-page .service-tabs{
    margin-top: 40px;
}
.home-installation.mt-40.installation-service-margin.installation-service-main-page {
    background-image: none;
}
.home-installation.mt-40.installation-service-margin.installation-service-main-page::before {
    background-image: none;
}
.home-installation.installation-service-main-page .is-grid> li{
    background-color: #151617;
}
.home-installation.installation-service-main-page .is-grid> li img{
    border-radius: 8px;
}
.home-installation.installation-service-main-page .is-grid span{
    color: #D5D5D5 !important;
}
.home-installation.installation-service-main-page .is-grid h2{
    color: #D5D5D5 !important;
}
.installation-service-main-page .tab {
  overflow: hidden;
}
/* Style the buttons inside the tab */
.installation-service-main-page .service-tabs button,
.home-installation .service-tabs button{
    box-shadow: 0px 0px 6px #00000029;
    padding: 10px 22px;
    border-radius: 8px;
    background-color: #fff;
    color: #0084ad;
    border: 0px;
    font-size: 20px;
    transition: 0.4s;
    font-family: "GothamBook";
    -webkit-text-size-adjust: 100%;
}
.installation-service-main-page .service-tabs button a,
.home-installation .service-tabs button a{
	color: #0084ad;
	font-family: "GothamBook";
	font-size: 20px;
    -webkit-text-size-adjust: 100%;
}
/* Change background color of buttons on hover */
.installation-service-main-page .service-tabs button:hover,
 .home-installation .service-tabs button:hover{
  background-color: #0084ad;
  color: #fff;
  cursor: pointer;
  transition: 0.4s;
}
.installation-service-main-page .service-tabs button:hover a,
.home-installation .service-tabs button:hover a{
  color: #fff;
}
/* Create an active/current tablink class */
.installation-service-main-page .service-tabs button.active,
.home-installation .service-tabs button.active {
  background-color: #0084ad;
  color: #fff;
}
/* Style the tab content */
.installation-service-main-page .tabcontent,
.home-installation .servicetabcontent{
  display: none;
  padding: 6px 12px;
  border-top: none;
}
/*PROJECTS MAIN PAGE */
.projects-top-content {
    text-align: center;
    margin-bottom: 40px;
    display: none;
}
.projects-top-content p {
    color: #262626;
}
.pro-sections-same {
    text-align: center;
    margin-top: 40px;
}
.pro-sections-same h3 {
    text-align: center;
    margin-bottom: 15px;
    font-weight: 100;
    font-size: 36px;
    -webkit-text-size-adjust: 100%;
}
.pro-sections-same h2 {
    text-align: center;
    margin-bottom: 15px;
    font-weight: 100;
    font-size: 36px;
    -webkit-text-size-adjust: 100%;
}
/*div#commercialprojects ul.home-projects__grid li:first-child {*/
/*    grid-column: 2;*/
/*}*/
div#commercialprojects ul.home-projects__grid,
div#residentialbuilding ul.home-projects__grid,
div#officeprojects ul.home-projects__grid{
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 350px;
}
/*CERTIFICATES MAIN PAGE */
.home-certificates.certificates-main-page {
    margin: 0;
    padding-top: 50px;
}
.home-certificates.certificates-main-page h3 {
    text-align: center;
    margin-bottom: 15px;
    font-weight: 100;
    font-size: 36px;
    -webkit-text-size-adjust: 100%;
}
.home-certificates.certificates-main-page h2 {
    margin-bottom: 40px;
}
html[lang="ar"] .home-certificates.certificates-main-page h2 {
	text-align:right;
}
.home-certificates.certificates-main-page  ul.home-certificates__grid{
    margin-top: 0;
}
.home-certificates.certificates-main-page ul.home-certificates__grid li{
	height: 100%;
}
.home-certificates.certificates-main-page .home-certificates__main a{
    margin-top: 0px;
}
.home-certificates.certificates-main-page img {
    height: 100% !important;
    object-fit: cover;
    /*object-position: left;*/
    object-position: center;
}
.home-certificates__main-2, .home-certificates__main-3 {
    margin-top: 60px;
}
/*LATEST NEWS MAIN PAGE */
.home-latest-news.mt-40.latest-news-main-page {
    background-color: #E3E3E3;
    margin-top: 0 !important;
    padding-top: 50px;
}
.latest-news-main-page .latest-news, .latest-news-main-page .home-latest-news__grid{
    margin-top: 0px;
}
.latest-news-main-page .home-latest-news__grid .each__post {
    background-color: #151617;
    padding: 15px;
    border-radius: 8px;
}
.latest-news-main-page .home-latest-news__grid .each__post img {
    border-radius: 8px;
}
.latest-news-main-page .home-latest-news__grid p{
    color: #B1B1B1;
}


/*Domestic projects page template */
.domestic-page ul.slides {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 300px;
    grid-gap: 20px;
    margin: 50px 0;
    grid-auto-rows: 300px;
}
.domestic-page ul.slides img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lang-swither{
	display: none;
}
.single-installation-div video {
    width: 100%;
    height: auto;
}	
/*.content-div1, .content-div2 {*/
/*    display: none;*/
/*}*/

/*dropdown in certificates section */
.submenu-p {
    position: relative;
}
.certificates-submenu {
    position: absolute;
    background-color: #0084ad;
    list-style: none;
    display: block;
    /*padding: 10px;*/
    z-index: 99;
    width: 160px;
    text-align: left;
    opacity:0;
    transition: 0.3s;
}
ul.certificates-submenu li {
    width: 100%;
    border-bottom: 1px solid #fff;
}
ul.certificates-submenu li:nth-child(last){
	border-bottom: 0px !important;
}
ul.certificates-submenu li a {
    text-decoration: none !important;
    width: 100%;
    padding: 8px;
    display: block;
    background-color: #0084ad;
    transition: 0.2s;
}
ul.certificates-submenu li a:hover {
	background-color: #000;
	transition: 0.2s;
}
.hover-me-to-see-submenu:hover .certificates-submenu {
	display: block;
}
.submenu-p:hover ul.certificates-submenu {
    opacity: 1;
    transition: 0.3s;
}
.content-div1 ul, .content-div2 ul{
    padding-left: 20px;
}
.content-div1 ul li, .content-div2 ul li {
    color: #9D9D9C;
    line-height: 35px;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
}

.home-banner .banner-title h1 .title-green,.cs-slides .banner-title h1 .title-green ,.home-banner .banner-title .h1 .title-green{
    color:#93D500;
   font-weight:600;
}

/* RESPONSIVE CSS */

/*----------------------------- Large Screens -------------------------------*/


@media only screen and (max-width :1700px) and (min-width: 1367px) {
    
    
    
}
@media only screen and (min-width: 1000px) {
    li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3083, li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3084, li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3901, li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3902 {
        display:none;}
    }  
    
    

html[lang="en-AU"] .home-banner .banner-title h1 .title-green, html[lang="en-AU"].cs-slides .banner-title h1 .title-green ,html[lang="en-AU"] .home-banner .banner-title .h1 .title-green{
    font-family:"GothamBook"!important;
}

html[lang="en-AU"] .home-banner .banner-title h1 .title-blue,html[lang="en-AU"] .home-banner .banner-title .h1 .title-blue{ 
    font-family:"GothamBook"!important;}
@media only screen and  (min-width: 1367px) {
 .home-banner .banner-title h1 .title-blue,.home-banner .banner-title .h1 .title-blue{
    font-size:80px;
    line-height:106px;
    -webkit-text-size-adjust: 100%;
    /*font-family: 'GE SS Two';*/
    
  }
.home-banner{
    margin-top: 10%!important;
}
 .home-banner .banner-title h1, .home-banner .banner-title .h1 {
    /* position: absolute!important; */
    top: 40%!important;
    left: 50%!important;
    /* transform: translate(-50%, -50%)!important; */
    font-size: 47px;
   /* color: #0084AD;*/
   color:#fff;
    text-align: center;
    z-index: 1!important;
    font-weight: lighter;
    -webkit-text-size-adjust: 100%;
}

 .home-banner .banner-title h1 .title-green,.cs-slides .banner-title h1 .title-green ,.home-banner .banner-title .h1 .title-green{
    color:#93D500;
    font-size:94px;
	line-height: 70px;
    -webkit-text-size-adjust: 100%;
  /*  font-family: 'GE SS Two';*/
  }
}
@media only screen and (max-width :1366px) and (min-width: 1281px) {


    .section-banner-icons {
        margin-top: -155px;
    }
	header.site-header {
	    padding: 10px 0;
	}
	header.site-header .header-logo {
	    width: 16%;
	}
	header.site-header .header-right {
	    width: 82%;
	}
	header.site-header .header-right ul li a {
	    font-size: 16px;
	}
    .home-about-the-product {
        padding: 60px 0px 0px;
    }

.page-template-page-faq .home-about-the-product {
        padding: 30px 0px 0px;
    }
}

@media only screen and (max-width:1520px) and (min-width:766px) {
.home-banner .banner-title h1, .home-banner .banner-title .h1 {
    font-size: 35px;
    line-height:1;
    -webkit-text-size-adjust: 100%;}

.home-banner .banner-title h1 .title-blue, .home-banner .banner-title .h1 .title-blue {
    font-size: 50px!important;
    line-height: 1.2;
    -webkit-text-size-adjust: 100%;
}

html[lang="en-AU"] .home-banner .banner-title h1 .title-green,html[lang="en-AU"] .cs-slides .banner-title h1 .title-green, html[lang="en-AU"] .home-banner .banner-title .h1 .title-green{
    font-size: 60px!important;
    -webkit-text-size-adjust: 100%;
}

.home-banner{
    margin-top:8%!important;
}

html[lang="ar"] .home-banner .banner-title h1 .title-green,html[lang="ar"] .cs-slides .banner-title h1 .title-green ,html[lang="ar"] .home-banner .banner-title .h1 .title-green{
font-size: 75px!important;
-webkit-text-size-adjust: 100%;
line-height:1;}
}
/*----------------------------- Small Laptop -------------------------------*/
@media only screen and (max-width :1280px) and (min-width: 1101px) {

	header.site-header {
	    padding: 10px 0;
	}
	header.site-header .header-right ul li a {
	    font-size: 16px;
        -webkit-text-size-adjust: 100%;
	}
	/*header.site-header .header-logo {*/
	/*    width: 10%;*/
	/*}*/
	/*header.site-header .header-right {*/
	/*    vertical-align: 26px;*/
	/*    margin-left: 20px;*/
	/*    width: 88%;*/
	/*}*/
	header.site-header .header-logo img.custom-logo {
	    max-width: 95%;
	}
     header.site-header .header-right ul li {
        margin-right: 12px;
    }  
    .home-about-the-product {
        background-position: -100px;
        background-size: contain;
    }
    .home-products ul.tab li.tabs-sec__each.tablinks {
        padding: 20px 30px;
        position: relative;
    }
    .home-products__main .slick-prev {
        left: -18px;
    }
    .home-products__main .slick-next {
        right: -18px !important;
    }
    .home-products__main button.slick-next.slick-arrow::before,
    .home-products__main button.slick-prev.slick-arrow::before{
        padding: 5px 5px;
    }
    .home-contact-us__main ul li {
        width: 49%;
        margin-right: 23px;
    }
    .home-contact-us__main ul li.ta {
        width: 100%;
    }
    .home-contact-us__main ul li:nth-child(even) {
        margin-right: 0;
    }
}

/*----------------------------- Media 1024 -------------------------------*/
@media only screen and (max-width :1100px){
	html[lang="ar"] header.site-header .header-right ul li {
    margin-right: 16px;
}
	header.site-header {
		padding: 10px 0 0 0;
	}
    header.site-header .header-logo {
        display: block;
        text-align: center;
        margin: 0 auto 10px;
    }
    header.site-header .header-logo a {
        display: inline-block;
    }
    header.site-header .header-right {
	    display: block;
	    margin-left: 0;
	    width: 100%;
	}
    header.site-header .header-right ul li {
        margin-right: 9px;
    }
    header.site-header .header-right ul#menu-main-menu li:last-child {
	    margin-left: 9px;
	}
    header.site-header .header-right ul li a {
        font-size: 16px !important;
        -webkit-text-size-adjust: 100%;
    }
    .home-about-the-product {
        background-position: -70%;
        background-size: 70%;
        padding: 30px;
    }
    .home-about-the-product {
        padding: 30px;
    }
    .home-products ul.tab li.tabs-sec__each.tablinks {
        padding: 20px 20px;
        position: relative;
        font-size: 15px;
        -webkit-text-size-adjust: 100%;
    }
    .home-products__main .slick-prev {
        left: -18px;
    }
    .home-products__main .slick-next {
        right: -18px !important;
    }
    .home-products__main button.slick-next.slick-arrow::before,
    .home-products__main button.slick-prev.slick-arrow::before{
        padding: 5px 5px;
    }
    .home-contact-us__main ul li {
        width: 49%;
        margin-right: 23px;
    }
    .home-contact-us__main ul li.ta {
        width: 100%;
    }
    .home-contact-us__main ul li:nth-child(even) {
        margin-right: 0;
    }
    .home-contact-us__main ul li {
        width: 49%;
        margin-right: 18px;
    }
    .about-gallery.about-gallery-slider .slick-prev {
	    left: -10px;
	}
	.about-gallery.about-gallery-slider .slick-next {
	    right: -10px;
	}
}

.site-header .container.lang-swither{
    display:none;
}
html[lang="en-AU"] .content_cta:before{
    content:url(https://gbs.sa.com/wp-content/uploads/2023/07/leaf-en.png);
    position: absolute;
    left: -30px;
    top: 10%;
    transform: translateY(-50%);
}

    html[lang="en-AU"] .content_cta{
        padding-right: 10px;
        font-size: 16px;
        font-weight: 100;
        margin-right: 50px;
        margin-bottom: 10px;
        padding-left: 0px!important;
        line-height:28px;
        -webkit-text-size-adjust: 100%;
    }

/*----------------------------- Media 768 -------------------------------*/
@media only screen and (max-width:999px){
    .product-page-single-slider .grid img{
        height: 225px;
    }
    [dir=rtl] .slick-prev {
        right: auto!important;
        left: -10px!important;
    }
    
    html[lang="ar"] .home .slick-next {
        left: -45px;
        transform: rotate(0deg);
    }
    
    html[lang="ar"] .home .slick-prev {
        transform: rotate(0deg);
    }
.box-title,ul.home-projects-banner .box-before-hover .box-content {
    width: 100%;
}
    .features_list ul li{
        margin: 25px 0px;
        padding: 0px;
        background-color: #0084AD;
        padding: 10px;
        line-height: 20px;
        border-radius: 8px;
        min-height: 60px;
    }
 
    .features_list ul li a {
        color: #fff;
        font-size: 15px;
        line-height: 1;
        -webkit-text-size-adjust: 100%;
    }
    ul#menu-main-menu li:last-child{
        margin-left: 0px;
    }

    li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3083,li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3084 {
        display:block;}
    .solution-gbs {
        display: grid;
        grid-template-columns: 2fr 1fr!important;
        grid-gap: 30px!important;
        justify-content: center;
    }

    .list-bloc {
        display: block;
        margin-top: 0px;
    }

    .content-d-grid-4 {
        display: grid;
        grid-template-columns: repeat(2,1fr)!important;
        padding: 10px 0px;
        grid-gap: 30px;
        justify-items: center;
    }
    footer.site-footer {
        background: #3b3734!important;}
    html[lang="en-AU"] .content_cta:before{
        content:url(https://gbs.sa.com/wp-content/uploads/2023/07/leaf-en.png);
        position: absolute;
        left: 0px!important;
        top: 10%;
        transform: translateY(-50%);
    }

    html[lang="en-AU"] .content_cta{
        padding-right: 10px;
        font-size: 16px;
        font-weight: 100;
        margin-right: 0px!important;
        margin-bottom: 10px;
        padding-left: 30px!important;
        -webkit-text-size-adjust: 100%;
        line-height:1.5;
    }

    html[lang="en-AU"] .content_cta_gras {
        margin-right: 0px!important;
        font-size: 16px;
        font-weight: bold;
        -webkit-text-size-adjust: 100%;
        padding-left: 30px;
        line-height:1.5;

    }

    .faq-titre{
     font-size:35px;
     -webkit-text-size-adjust: 100%;
    }

   
    .box-key-numbers div:last-child  {
        text-align: center !important;
        font-size: 21px;
        -webkit-text-size-adjust: 100%;
    }
    .box-key-numbers div {
        margin-bottom: 40px;
    }

    .features_list ul li:after{
        left: auto;
        top: 0;
    }
    body .metaslider .flexslider .slides img {
        height: 550px;
    }

    .home-projects-banner {
        width: 90%;

    }

    .cta_contact_us {
        display: flex;
        flex-direction: column!important;
        padding-right: 20px;
        align-items: center;
    } 
    .home-banner .banner-title h1,.home-banner .banner-title .h1{
        line-height: 1!important;
    }
    .home-banner .banner-title h1 .title-blue, .home-banner .banner-title .h1 .title-blue {
        line-height: 1.2!important;
    }
    .topbar-right {
     display:none;
    }
   
    .action-bar{
        display:none;
    }
    .menu-bar{
    background-color:#fff;
    }
    .site-header .container.lang-swither{
        display:block
    }
    .menu-bar{
        background:#fff!important;
        padding:0px!important;
    }

    .top-bar{
        margin-bottom: 20px!important;
        margin-top: 10px!important;
    }
    /* Header */
 /*   html[lang="ar"] header.site-header .container {*/
	/*    align-items: flex-end;*/
	/*    flex-direction: column-reverse;*/
	/*}*/
	html[lang="ar"] .about-gallery.about-gallery-slider .slick-next {
	    left: -3px;
	    right: auto;
	}
	html[lang="ar"] .about-gallery.about-gallery-slider .slick-prev {
	    right: -3px;
	    left: auto;
	}
	html[lang="ar"] .footer__main ul {
	    padding-right: 0px;
	}
	html[lang="ar"] header.site-header .container {
	    align-items: center;
	    flex-direction: row-reverse;
	}
	html[lang="ar"] ul#menu-main-menu-arabic-1 {
	    padding-right: 30px;
	}
	html[lang="ar"] header.site-header .header-logo img {
	    margin-right: auto;
	}
	.lang-swither{
		display: none;
	}
	.lang-swither .current-lang {
	    display: none;
	}
	.lang-swither li{
		list-style: none;
	}
    header.site-header {
        position: relative;
        margin: 0;
        padding: 6px 0;
        background: #ffffff;
    }
    /*header.site-header .header-logo {*/
    /*    width: 30%;*/
    /*    margin: 0;*/
    /*}*/
    header.site-header .header-logo {
	    width: 70%;
	    margin: 0;
	    text-align: left;
	}
    header.site-header .header-logo img {
        max-width: 70%;
    }
    header.site-header .header-right {
        display: none;
    }
    /* Mobile Header */
    .header-mobile-menu {
        display: block;
        position: absolute;
        right: 20px;
        top: 25px;
        overflow: hidden;
    }
    .header-mobile-menu ul {
        width: 30px;
        height: 16px;
        cursor: pointer;
    }
    .header-mobile-menu .toggle ul li {
        list-style: none;
        position: absolute;
        background: #0084AD;
        width: 100%;
        height: 3px;
        transform: translateY(-50%);
        transition: .3s;
    }
    .header-mobile-menu .toggle ul li:nth-of-type(1) {
        top: 20%;
    }
    .header-mobile-menu .toggle ul li:nth-of-type(2) {
        top: 50%;
    }
    .header-mobile-menu .toggle ul li:nth-of-type(3),
    .header-mobile-menu .toggle ul li:nth-of-type(4) {
        width: 50%;
        top: 80%;
    }
    
    .header-mobile-menu .toggle ul li:nth-of-type(1),
    .header-mobile-menu .toggle ul li:nth-of-type(2),
    .header-mobile-menu .toggle ul li:nth-of-type(3) {
        left: 0;
    }
    .header-mobile-menu .toggle ul li:nth-of-type(4) {
        right: 0;
    }
    .header-mobile-menu .toggle ul.active li:nth-of-type(1) {
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }
    .header-mobile-menu .toggle ul.active li:nth-of-type(2) {
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
    }
    .header-mobile-menu .toggle ul.active li:nth-of-type(3) {
        left: -50%;
        opacity: 0;
    }
    .header-mobile-menu .toggle ul.active li:nth-of-type(4) {
        right: -50%;
        opacity: 0;
    }
    .header-mobile-menu .slide-menu {
        transform: translateX(-999px);
        transition: transform 0.5s;
    }
    .slide-menu.slide-out-menu {
        transform: translateX(0);
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 400px;
        background: #fff;
        z-index: 9999;
        padding: 40px 0 0 30px;
        transition: transform 0.5s;
        box-shadow: 5px 0px 11px -8px #000;
    }
    .header-mobile-menu .slide-out-menu ul {
        width: auto;
        height: auto;
        display: block;
        cursor: inherit;
    }
    .header-mobile-menu ul li,
    .header-mobile-menu ul li a {
        display: none;
        width: 100%;
        float: none;
    }
    .header-mobile-menu .toggle li {
        display: block !important;
    }
    .header-mobile-menu .slide-out-menu ul li,
    .header-mobile-menu .slide-out-menu ul li a {
        display: block;
       line-height:1.2;
        font-size: 18px;
        -webkit-text-size-adjust: 100%;

    }
    .header-mobile-menu ul li a {
        width: 82%;
    }
    .header-mobile-menu  ul li {
        margin-bottom: 16px;
    }
    .header-mobile-menu ul li a {
        font-size: 22px;
        line-height:1.2;
        -webkit-text-size-adjust: 100%;
    }

    .header-mobile-menu ul li a::before {
        display: none;
    }
    .header-mobile-menu .slide-out-menu ul.sub-menu {
        margin: 20px 0 25px 10px;
        display: none;
    }
    .header-mobile-menu .slide-out-menu ul li.active ul {
        display: block;
    }
    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children {
        position: relative;
        padding-right: 42px;
    }
    .header-mobile-menu .slide-out-menu ul.sub-menu li:nth-child(2) {
	    margin-bottom: 0px;
	}
	/*submenu in mobile */
	.menu-item-has-children.active-dropdown .sub-menu {
	    display: block !important;
	    background-color: #0084ad;
    	padding: 10px;
	}
	.header-mobile-menu .slide-out-menu ul.sub-menu li a {
	    color: #fff;
	}
    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children::after {
        position: absolute;
        content: '';
        right: 30px;
        top: 0;
        background-image: url('https://celebratedeals.in/clients/project-name/wp-content/uploads/2021/12/down-chevron-2.png');
        background-repeat: no-repeat;
        width: 26px;
        height: 26px;
        background-size: contain;
    }
    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children::before {
	    content: ">";
	    font-family: monospace;
	    transform: rotate(90deg);
	    top: 5px;
	    position: absolute;
	    right: 70px;
	    font-size: 22px;
	    color: #0084ad;
	    font-weight: bold;
        -webkit-text-size-adjust: 100%;
	}
    .header-mobile-menu .slide-out-menu ul li.active::after {
        transform: rotate(180deg);
        top: -10px;
    }
    .banner ul li>div .slider-text {
        font-size: 21px !important;
        line-height: 34px !important;
        -webkit-text-size-adjust: 100%;
    }
    .home-about-the-product {
        padding: 40px 20px 20px;    }
    

    .home-products__main .slick-prev {
        left: -12px;
    }
    .home-products__main .slick-next {
        right: -11px !important;
    }
    .home-products__main button.slick-next.slick-arrow::before, 
    .home-products__main button.slick-prev.slick-arrow::before {
        padding: 0px 3px;
        font-size: 18px;
        -webkit-text-size-adjust: 100%;
    }
    .home-installation .is-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    ul.home-projects__grid {
        grid-template-columns: repeat(3, 1fr);
    }
    ul.home-certificates__grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .home-latest-news__grid {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 30px;
    }
    .home-contact-us__main ul li {
        margin-right: 14px;
    }
    section#block-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 30px;
    }
    .footer.f-col-3 {
        grid-column: 1/-1;
    }
    .footer.f-col-3 ul {
        margin-top: 50px;
    }
    .social-icons {
        text-align: left;
        margin-top: 8px;
    }
    .home-about-the-product {
        background-position: top;
        background-size: 95%;
        background-color: transparent;
    }
    .home-about-the-product__main {
        grid-gap: 30px;
        grid-template-columns: 1fr;
        grid-template-rows: 1.7fr 1fr;
    }
    /*.home-about-the-product__right h3,
    .home-about-the-product__right h2,
    .home-about-the-product__right p {
        color: #000 !important;
    }*/
    
    a.btn__white {
        background-color: #0084ad;
        color: #fff;
    }
    /*about us page */
    .home-about-the-product__main.about-page-about {
	    display: grid;
	}
	.home-about-the-product__right {
	    margin-top: 20px;
	}
	.home-about-the-product__main.about-page-about .slick-next:before, 
	.home-about-the-product__main.about-page-about .slick-prev:before{
		opacity: 1;
    	color: #0084ad !important;
	}
	.about-page-about .home-about-the-product__left .slick-track .element {
	    margin: 0 15px;
	}
	.home-about-the-product__left .slick-prev {
	    left: -15px;
	}
	.home-about-the-product__left .slick-next {
	    right: -15px;
	}
	.domestic-page ul.slides {
	    grid-template-columns: repeat(3, 1fr);
	    grid-template-rows: 200px;
	    grid-auto-rows: 200px;
	}
	/*domestic page */
	div#commercialprojects ul.home-projects__grid, div#residentialbuilding ul.home-projects__grid, div#officeprojects ul.home-projects__grid {
	    grid-template-columns: repeat(3, 1fr);
	    grid-auto-rows: 200px;
	    grid-template-rows: 200px;
	}
	/*MCM WOOD PAGE */
	.category-products-wrap .category-products-col {
	    grid-template-columns: repeat(3, 1fr) !important;
	}
}
/*----------------------------- Media 480 -------------------------------*/
@media only screen and (max-width:767px){
    .box-title{
   width:70%;
    }
.show-on-click.show-order-box .show-on-click-wrap {
padding: 0px;
    width: 80%;
}
.show-on-click.show-order-box ul.order-now-form li {
    width: 100%;
}

.show-on-click.show-order-box ul.order-now-form li.submit {
    width: 100%;
    float: none;
}
.show-on-click.show-order-box ul.order-now-form li {
    margin-bottom: 0px;
}

.show-on-click.show-order-box{
align-items: start;
}

.show-on-click.show-order-box ul {
    padding: 10px 50px 0 30px;
}


body .metaslider .flexslider .slides img {
    height: 300px!important;
    min-height: 300px!important;
}
.home-about-the-product__left ~ div {
margin-top:2rem;
}

a{
font-size: 15px;
line-height:1.3;
-webkit-text-size-adjust: 100%;
}
   /* .page-id-7 .content-d-grid-2 h3.title-h3 {
        margin-left: 40px!important;
}*/
.page-template-about-us .about-gallery{
margin-top:0px;}

.interne-banner{
height:150px;
}

.about-gallery.about-gallery-slider .slick-next {
    right: -3px;
}

.about-gallery.about-gallery-slider .slick-prev {
    left: -3px;
} 
.home-about-the-product {
    padding: 25px 20px 20px;
}

.footer.f-col-3 .lft p.widget-title {
    margin-bottom: 20px;
}

    .home-banner {
        margin-top: 13%!important;
    }
   
    .home-products {
        /* text-align: center;*/
        padding: 50px 20px 10px;
        background-color: #f7f7f8!important; 
     }
    .solution_question_sidebar{
        margin-top:50px;
    }
    .projects-top-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr)!important;
        grid-gap: 6px!important;
    }
    div#commercialprojects ul.home-projects__grid, div#residentialbuilding ul.home-projects__grid, div#officeprojects ul.home-projects__grid {
        grid-template-columns: repeat(2, 1fr)!important;
    
    }
    #metaslider-id-2832,#metaslider-id-3009{
        margin-top:0px!important;
    }
    .section-banner-icons {
     margin-top:-60px;
    }
    .interne-banner {
    margin-top:0px;
    }
    .home-about-the-product__left.about-grid div{
        margin:1rem 0rem;
    }

	.contact-banner{
		background-position: right !important;
	}
	header.site-header .header-logo {
	    /*width: 50%;*/
	    width: 30%;
	}
    .slide-menu.slide-out-menu {
        width: 290px;
    }
    .header-mobile-menu {
        top: 15px;
    }
    .banner ul li>div .slider-text {
        font-size: 16px !important;
        line-height: 28px !important;
        width: 69% !important;
        margin: 0 auto;
        -webkit-text-size-adjust: 100%;
        white-space: normal;
    }
    .home-about-the-product__main {
        display: block;
    }
    .banner ul li>div .slider-text br {
        display: none;
    }
    .home-products__main .slick-prev {
        left: -10px;
    }
    .home-products__main .slick-next {
        right: -8px !important;
    }
    .home-products__main ul.intro li img {
        margin: 0 auto;
    }
    .home-products ul.tab li.tabs-sec__each.tablinks {
        padding: 20px 10px;
        font-size: 14px;
        line-height: 16px;
        -webkit-text-size-adjust: 100%;
    }
    .home-installation .is-grid {
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }
    ul.home-projects__grid {
        grid-template-columns: repeat(2, 1fr);
       /* grid-template-rows: 200px;
        grid-auto-rows: 200px;*/
    }
    ul.home-certificates__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .home-latest-news__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .home-contact-us__main ul li {
        margin-right: 9px;
    }
    section#block-2 {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 30px;
    }
    .footer__main .footer.f-col-1 h4.widget-title,
    .footer__main .footer.f-col-2 h4.widget-title,
    .footer__main .footer.f-col-1 p.widget-title,
    .footer__main .footer.f-col-2 p.widget-title  {
        height: 100%;
    }
    .footer.f-col-3 ul {
        margin-top: 20px;
    }
    .footer-extreme-bottom>div p {
        font-size: 16px;
        line-height: 21px;
        -webkit-text-size-adjust: 100%;
    }
    .crellyslider>.cs-controls>.cs-previous {
        left: 10px;
    }
    .crellyslider>.cs-controls>.cs-next {
        right: 10px;
    }
    /*about us page styling */
    .home-about-the-product__main.about-page-about{
    	display: block;
    }
    .about-page-about .home-about-the-product__right{
    	margin-top: 20px;
    }
	.domestic-page ul.slides {
	    grid-template-columns: repeat(2, 1fr);
	    grid-template-rows: 200px;
	    grid-auto-rows: 200px;
	}
	/*PROJECT PAGE STYLING */
	.home-projects__main.projects-main-page ul.home-projects__grid {
	    grid-template-columns: 1fr 1fr 1fr;
	    grid-template-rows: 170px;
	}
	div#commercialprojects ul.home-projects__grid, div#residentialbuilding ul.home-projects__grid, div#officeprojects ul.home-projects__grid {
	    grid-template-columns: repeat(3, 1fr);
	    grid-auto-rows: 160px;
	    grid-template-rows: 160px;
	}
	/*MCM WOOD PAGE */
	.category-products-wrap .category-products-col {
	    grid-template-columns: repeat(2, 1fr) !important;
	}
	.products-cat-block .pc-blocks {
	    grid-template-columns: repeat(2, 1fr);
	}
	.claysheet-icon ul.slides {
	    grid-template-columns: repeat(3, 1fr) !important;
	}
	.claysheet-icon .slides li.icon-div-li {
	    margin-bottom: 30px !important;
	}
	.home-about-the-product__right ul {
	    color: #000 !important;
	    margin: 10px 0 10px 20px !important;
	    font-size: 15px !important;
        -webkit-text-size-adjust: 100%;
	}
          .home-about-the-product__right ul li{
         font-size: 15px !important;
        -webkit-text-size-adjust: 100%;
          }
       .page-template-page-faq .home-about-the-product__right ul {
	    color: #000;
	    margin: 10px 0 10px 20px !important;
	    font-size: 15px !important;
        -webkit-text-size-adjust: 100%;
	}

	li.home-product {
	    margin-bottom: 30px !important;
	}
	li.home-product h3 {
	    font-size: 15px !important;
	    bottom: -30px !important;
	    padding: 10px 5px !important;
        -webkit-text-size-adjust: 100%;
	}
	.home-about-the-product__left ul.slides{
		grid-gap: 10px !important;
	}
	.installation-service-main-page .service-tabs button, 
	.home-installation .service-tabs button, 
	.installation-service-main-page .service-tabs button a, 
	.home-installation .service-tabs button a{
		font-size: 16px !important;
        -webkit-text-size-adjust: 100%;
	}
	/*product single page */
	.product-page-single-slider .grid {
	    grid-template-columns:1fr;
	}
	.product-page-single-slider-nav {
	    width: 100%;
	}
	.product-page-single-slider-nav .thumbnails {
	    width: 110px;
	    height: 110px;
	}
	
	.banner video {
        display: block;
        width: 100%;
        /* object-fit: cover; */
        height: 100% !important;
    }
    
    .single-installation-div{
        grid-template-columns: 1fr !important;
        grid-template-rows: 1fr !important;
    }
    .installation-video, .content-div1, .content-div2{
        grid-row: auto !important;
        grid-column: 1/-1 !important;
    }
	
}


/*----------------------------- Media 320 -------------------------------*/
@media only screen and (max-width:479px){
    .footer.f-col-3 ul li:last-child input{
        padding: 7px 52px;
    }
	.home-about-the-product__left ul.slides {
	    grid-gap: 10px !important;
	    grid-template-columns: 1fr 1fr !important;
	}
	.claysheet-icon ul.slides {
	    grid-template-columns: repeat(2, 1fr) !important;
	    grid-gap: 10px;
	}
	.phomi-video {
	    display: none;
	}
	.claysheet-icon .slides li.icon-div-li img {
	    width: 70px !important;
	}
    header.site-header .header-logo img {
        max-width: 100%;
    }
    .header-mobile-menu {
        top: 15px;
    }
    .home-installation li.sf-field-taxonomy-installationservices_categories ul {
        flex-wrap: wrap;
    }
    .crellyslider>.cs-controls>.cs-previous {
        left: 10px;
    }
    .crellyslider>.cs-controls>.cs-next {
        right: 10px;
    }
    .banner ul li>div .slider-text {
        font-size: 15px !important;
        line-height: 20px !important;
        width: 82% !important;
        -webkit-text-size-adjust: 100%;
    }
    /*.home-about-the-product__right {*/
    /*    margin-top: 130px;*/
    /*}*/
    .home-contact-us__main ul li {
        width: 100%;
        margin-right: 18px;
    }
    .home-installation .is-grid {
        grid-template-columns: 1fr;
    }
    ul.home-certificates__grid {
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
    }
    .home-latest-news__grid {
        grid-template-columns: 1fr;
    }
    .home-products__main .slick-next {
        right: -6px !important;
    }
    .home-about-the-product__right h3 {
        font-size: 20px;
        -webkit-text-size-adjust: 100%;
    }
    .home-about-the-product__right p {
        font-size: 15px;
        -webkit-text-size-adjust: 100%;
        line-height: 25px;
    }
    .home-certificates__main a {
        margin-top: 0;
    }
    .home-certificates__main a.btn.btn__green {
        margin-top: 20px;
    }
    .domestic-page ul.slides {
	    grid-template-columns: 1fr;
	    grid-template-rows: 200px;
	    grid-auto-rows: 200px;
	}
	/*PROJECT PAGE STYLING */
	.home-projects__main.projects-main-page ul.home-projects__grid {
	    grid-template-columns: 1fr;
	    grid-template-rows: 170px;
	}
	div#commercialprojects ul.home-projects__grid, div#residentialbuilding ul.home-projects__grid, div#officeprojects ul.home-projects__grid {
	    grid-template-columns: 1fr;
	    grid-auto-rows: 200px;
	    grid-template-rows: 200px;
	}
	/*MCM WOOD PAGE */
	.category-products-wrap .category-products-col{
	    grid-template-columns: 1fr !important;
	}
	.products-cat-block .pc-blocks  {
	    grid-template-columns: 1fr 1fr !important;
	}
	.home-about-the-product__right ul {
	    color: #000;
	    margin: 10px 0 10px 20px !important;
	    font-size: 15px !important;
        -webkit-text-size-adjust: 100%;
	}
	
}
.dont-show{
	display: none;
}
.home-about-the-product__right h3 {
    font-weight: 800 !important;
    color: #86c14f;
}
.projects-top-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
     grid-gap: 16px;
}
.projects-top-grid img{
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}


/*li.slick-slide.slick-active.tester .image-content {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: -200%;*/
/*    width: 298%;*/
/*    z-index: 8;*/
/*    box-shadow: 0px 0px 6px #00000029;*/
/*    background: #FFFFFF 0% 0% no-repeat padding-box;*/
/*}*/



.product-page h1 {
    font-size: 25px;
    margin-bottom: 2rem;
    line-height: 30px;
    -webkit-text-size-adjust: 100%;
}
.home-about-the-product h1{
    color:#fff;
}
.home-pages-the-product h1{
    color:#000;
}

.product-content h2,p.title-for-form{
    font-size: 22px;
    line-height:25px;
    font-weight:600;
    -webkit-text-size-adjust: 100%;
}
 
.product-size h2{
	font-size:20px;
	margin:1rem 0;
    -webkit-text-size-adjust: 100%;
}
/*
.product-size p,.product-des p{
    padding-bottom:10px;
}
/*
.product-size p:nth-child(2n+0),.product-size ~ p,.product-des p:nth-child(2n+0){
    font-weight: 600;
    font-family: 'Gothambook', sans-serif;
}
.postid-1320 p:nth-child(2n+1),.postid-1320 .product-des p:nth-child(2n+0),.postid-1316 p:nth-child(2n+1),.postid-1316 .product-des p:nth-child(2n+0){
    font-weight: 600;
    font-family: 'Gothambook', sans-serif;
}*/
/*
.product-size p,.product-des p{
 font-family: 'Gothambook', sans-serif;}

.product-size ~ p strong{
    font-family: 'Gothambook', sans-serif;
}*/
.home-installation__main h1{
   font-size: 35px;
   margin-bottom:4rem;
   -webkit-text-size-adjust: 100%;
}

.home-installation__main {
    padding: 3rem;
}
.single-installation h1{
   /*  padding-bottom: 4rem; */
    text-align: center;
}

.titre-contact{
    text-align: center;
    padding-bottom: 4rem;
}
.title_h1{
	font-size: 40px;
    text-align: center;
    margin-bottom: 4rem;
    -webkit-text-size-adjust: 100%;
}

/*style new home*/
.top-bar{
    display:flex;
    justify-content: space-between;
    align-items: center;
    width:100%;
    margin-bottom:20px;
    margin-top: 10px;
    direction: ltr;
   
}

.top-bar .desc-site{
    color:#939498;
    font-weight: 100;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
}

.top-bar .contact-info a{
color:#939498;
font-size:15px;
-webkit-text-size-adjust: 100%;
}
.top-bar .contact-info .tel a {
    font-weight: 600;
	font-family: 'Montserrat', sans-serif;
    font-size:16px;
	color:#939498;
    -webkit-text-size-adjust: 100%;
}
.tel{line-height: 6px; margin-top:10px;}
.mail a{
	font-family: 'Montserrat', sans-serif;
	color:#939498;
}
.top-bar .contact-info .mail a{
    letter-spacing: 1.2px;
    font-size:15px;
    -webkit-text-size-adjust: 100%;}

.home-banner{
    /*position: relative;*/
    width: 100%;
    height: 760px;
   /* margin-top:-25px;*/}

.home-banner img{
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%;
    object-fit: cover;
    z-index: -1!important;
  }

   .home-banner .banner-title h1, .home-banner .banner-title .h1 {
    /* position: absolute!important; */
    top: 40%!important;
    left: 50%!important;
    /* transform: translate(-50%, -50%)!important; */
    color: #fff;
    text-align: center;
    z-index: 1!important;
    font-weight: lighter;
    text-shadow: 2px 2px #000;
}


 
.content-after-hover .overlay-title{ 
    width: 65%;
}
 
  .icon-phone{
    margin-right: 2px;
  }
  .contact-info .icon-phone:before{
    content:url(https://gbs.sa.com/wp-content/uploads/2023/06/phone.png)!important;
  }
/*
  .contact-info:before{
background-image: url(https://gbs.sa.com/wp-content/uploads/2023/06/phone.png)!important;
background-repeat: no-repeat;
  }*/

  .top-bar ul {
    list-style: none outside;
}
.topbar-right{
display:flex;
align-items: center;
color:#939498;
}
.topbar-right li{
display: inline-block;
margin-right: 30px;
}

.topbar-right li:nth-child(2) {
    display: flex;
    align-items: center;
}
.topbar-right li:last-child{
    display: flex;
    align-items: center;
    margin-right: 0px;
}
.phone-icon{
    margin-right:5px;
}


 .menu-bar {
    background: #3A3734;
    padding: 15px;
    color: #fff;
    /*box-shadow: 8px 0px 8px #000000*/
}


    h2.title-h2{
        color:#0084AD;
        font-size: 30px;
        line-height:40px;
        position:relative;
        margin-bottom:30px;
        -webkit-text-size-adjust: 100%;

    }
	
	.page-id-2627 h2.title-h2{
        color:#0084AD;
        font-size: 30px;
        line-height:40px;
        position:relative;
        margin-bottom:20px;
        -webkit-text-size-adjust: 100%;

    }

    html[lang="ar"] h2.title-h2:after {
        content: url(https://gbs.sa.com/wp-content/uploads/2023/06/icon-h2.png);
        position:absolute;
        padding-right: 10px;
    }
  

    html[lang="en-AU"] h2.title-h2:after{
        content: url(https://gbs.sa.com/wp-content/uploads/2023/06/icon-h2.png);
        position:absolute;
        padding-left: 10px;
    }

/*
    .title-h2:after{
  content:url( https://gbs.sa.com/wp-content/uploads/2023/06/icon-h2.png);
    }

    .title-h2 {
        display: flex;
        margin-bottom: 50px;
    }
*/
.read-more-text{
    text-align: left;
	margin-top:35px;
}
.cta-before-footer{
    text-align: right;
    background-image: url('https://gbs.sa.com/wp-content/uploads/2023/06/Groupe-121@2x-1-scaled.jpg');
    background-size: cover;
    background-repeat: no-repeat;
   /* padding: 50px 80px;*/
}
.cta-before-footer .container{
  padding: 60px 0px;

}
html[lang="en-AU"] .cta_contact_us{
    display: flex;
    flex-direction: row;
    padding-right: 20px;
    align-items: center;
    text-align: left;
}
html[lang="ar"] .cta_contact_us{
    display: flex;
    flex-direction: row;
    padding-right: 20px;
    align-items: center;
    text-align: right;
}
.content_cta{padding-right: 10px;}
.cta_contact_us .btn_white-cta{/* width:240px;*/ text-align:center; margin-top:30px;}
.cta_contact_us .content_cta_contact_us{
    flex: 0 0 80%;

}
.site-footer ::marker {
  color: red;font-size: 0;
  display:none !important;
}
a.btn_white-cta{
    background-color:#fff;
    color:#0084AD;
    font-size:23px;
    line-height:1.5;
    -webkit-text-size-adjust: 100%;

    }

    ul.home-projects-banner {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        list-style: none;
        /*margin-top: 30px;*/
        /*grid-template-rows: 260px;
        grid-auto-rows: 260px;*/
        grid-gap: 20px;
    }

    .solution-gbs{
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 155px;
    justify-content: center;
}
.sidebar-question{
    margin-bottom:40px;
}
.solution_question{
    font-size: 18px;
    line-height: 28px;
    color: #93D500;
    padding-bottom: 10px;
    -webkit-text-size-adjust: 100%;
}
.solution_reponse{
 font-size: 16px;
 line-height: 1.3;
 -webkit-text-size-adjust:100%;
}
.question-icon{
display:flex;
}

html[lang="ar"] .solution_icon{
    margin-left:16px;
}
.solution_icon{
    margin-right:16px;
}
.solution-gbs p{
    margin:15px 0px;
}

.features_list ul{
list-style:none;
}
.features_list ul li{
position:relative;
}

html[lang="ar"] .features_list ul li:after{
position:absolute;
    content:url(https://gbs.sa.com/wp-content/uploads/2023/06/arrow.png);
	width:10px;
	height:10px; left:10px; top:30%;right:auto;
}
.page-id-7 .features_list ul li:after{
    position:absolute;
        content:url(https://gbs.sa.com/wp-content/uploads/2023/07/arrow-en.png);
        width:10px;
        height:10px; right:10px; top:30%;left:auto;
    }
    

 .features_list ul li:hover{
opacity: 0.8;
    }

.features_list ul li{
    margin: 25px 0px;
    padding: 0px;
    background-color: #0084AD;
    padding: 10px;
    line-height: 20px;
    border-radius: 8px;
}

.features_list ul li a{
    color:#fff;
    font-size:16px;
    line-height:1;
    -webkit-text-size-adjust: 100%;

}
.list-bloc{
    display:flex;
    margin-top:40px;
    column-gap:20px;
}
.list-bloc div{
    flex: 0 0 50%;
}

html[lang="ar"] .file_download{
    direction: ltr;
    text-align: right;
    padding-right: 20px
}


.file_download a{
color: #93D500!important;
font-size: 16px;
-webkit-text-size-adjust: 100%;

}

.link-file-download:before{
  /*  content:url(https://gbs.sa.com/wp-content/uploads/2023/06/Calque-1.png);*/
    padding-right:10px;
}

.product_description{
padding-bottom:40px;
}

.content-d-grid{
   /* display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    align-items: center;*/
    margin:40px 0px 75px;
    display:flex;
    justify-content: space-between;
    align-items:center;
}
.content-d-grid-2{
  /*  display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    align-items: center;*/
    margin:75px 0px 100px;
    display:flex;
    justify-content: space-between;
    align-items:center;
}
.content-d-grid-4{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    padding:10px 0px;
    grid-gap:30px;
    justify-items: center;
   
}
.content-d-grid-4 .grid-item{
    margin-bottom: 30px;
    background-color: #fff;
    padding-bottom: 25px;
    border-radius: 8px;
    box-shadow: 0px 0px 15px #00000029;
    width: 400px;
}
.content-d-grid-4 img{
    width: 100%;
    height: 450px;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.content-d-grid-4 .grid-text{
    padding: 0px 20px;
    line-height: 1.3;
   font-size: 16px;
    -webkit-text-size-adjust: 100%;

}

.content-d-grid img {
    width: 100%;
    border-radius:8px;
    
}
.content-d-grid-2 img {
    width: 100%;
    border-radius:8px;

}
.home-installation p{
    color:#fff;
    font-weight:lighter;
}
.installation-content p{
    color:#000;
}
.content-d-grid div{
    flex: 0 0 50%;
}
.content-d-grid-2 div{
    flex: 0 0 50%;
}
::-webkit-input-placeholder { /* Edge */
 color: #e6e6e6;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #e6e6e6;
}

::placeholder {
  color: #e6e6e6;
}
.home-projects{
    padding:70px 0px;
}

.read-more-link a,.read-more-link{
    color:#93D500;
    font-size:18px;
    line-height:1.3;
    font-weight:100;
    position:relative;
    -webkit-text-size-adjust: 100%;

}


html[lang="ar"] .read-more-link:after{
    content:url(https://gbs.sa.com/wp-content/uploads/2023/06/arrow.png);
    position:absolute;
    margin-right:10px;
}
.read-more-link:after{
    content:url(https://gbs.sa.com/wp-content/uploads/2023/07/arrow-en.png);
    position:absolute;
    margin-left: 10px;
}

.certif-download:after{
    content: url(https://gbs.sa.com/wp-content/uploads/2023/07/download-icon.png);
    padding-right: 10px;
}



ul.key_number_grid{
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    /*padding:60px 0px;*/
    grid-gap:10px;
    justify-items: center;
    align-items: center;
	text-align: center;
    color: #fff;
}
.box-key-numbers img{ text-align:center; margin: 0 auto;}
.content_cta_contact_us{ position:relative;}
html[lang="ar"] .content_cta:before{
    content:url(https://gbs.sa.com/wp-content/uploads/2023/06/plumeblanc.png);
    position: absolute;
    right: -20px;
    top: 20%;
    transform: translateY(-50%);
}
.page-html[lang="en-AU"] .content_cta:before{
    content:url(https://gbs.sa.com/wp-content/uploads/2023/07/leaf-en.png);
    position: absolute;
    left: -35px;
    top: 10%;
    transform: translateY(-50%);
}
.section_key_number_grid{
    background-image: url('https://gbs.sa.com/wp-content/uploads/2023/06/Groupe-121@2x-2-scaled.jpg');
    background-repeat: no-repeat;
    background-size: cover;
	padding:70px 0;
}
html[lang="ar"] .content_cta{ padding-right: 10px;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    font-weight: 100;
    margin-left: 50px;
    margin-bottom: 10px;}

.page-id-7 .content_cta{ padding-right: 10px;
        font-size: 16px;
        -webkit-text-size-adjust: 100%;
        font-weight: 100;
        margin-right: 100px;
        margin-bottom: 10px;}
.page-id-7 .content_cta_gras{  margin-right: 100px;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    font-weight: bold;}
    .content_cta_gras{  
        padding-right: 10px;
        font-size: 16px;
        font-weight: bold;}
.key_number{
    font-size: 40px !important;
    -webkit-text-size-adjust: 100%;
    font-weight: bold;
    border-bottom: 2px solid #93d500;
    margin: 25px 40px 15px 30px;
    padding-bottom: 12px; font-family: 'Montserrat', sans-serif;
    width:80px;
}
	
.interne-banner {
    background-color: #0084ad;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background-image: url(https://gbs.sa.com/wp-content/uploads/2023/06/Groupe-121@2x-2-scaled.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	margin-top:-25px;
	z-index:0;
	position:relative;
} 
html[lang="ar"] .content-d-grid p ,html[lang="ar"] .content-d-grid h2.title-h2{ margin-left:90px; margin-right:0px;}
.content-d-grid p{ margin-right:60px;}
html[lang="ar"] .content-d-grid-2 p{ margin-right:60px;}
.content-d-grid-2 p{ margin-left:60px;}
html[lang="ar"] .page-id-2627 .content-d-grid-2 h3.title-h3{ margin-right:100px;}
.page-id-7 .content-d-grid-2 h3.title-h3{ margin-left:100px;}
.content-d-grid-2 h2.title-h2{ margin-right:60px;}
html[lang="ar"] header.site-header .header-right ul li:last-child a{
   font-size: 13px !important;
   -webkit-text-size-adjust: 100%;
}
html[lang="ar"] .content-d-grid h3.title-h3 {
    margin-right: 40px;
    /*margin-top: 30px;*/
   /* font-size: 18px;*/
}



.content-d-grid h3.title-h3 {
    margin-right: 100px;
    /*margin-top: 30px;*/
  /*  font-size: 18px;*/
}

@media only screen and (max-width: 767px) {

.product-page > .container{
    margin-top: 0px;
    margin-bottom: 50px;
}

    .page-template-page-faq ul li, .page-template-page-seo ul li{
        font-size: 15px!important;
    -webkit-text-size-adjust: 100%;

    }
    .content-d-grid p{
        margin-right:10px;
    }
    html[lang="ar"] .content-d-grid-2 p {
        margin-right: 10px;
        margin-left: 10px;
    }
    .content-d-grid-2 p {
        margin-left: 20px;
    }
    html[lang="ar"] .page-id-2627 .content-d-grid-2 h3.title-h3{ margin-right:40px;font-size:18px;}

    html[lang="ar"] .content_cta {
        padding-right: 10px;
        font-size: 16px;
        -webkit-text-size-adjust: 100%;
        font-weight: 100;
        margin-left: 0px;
        margin-bottom: 10px;
    }
    
    .page-id-7.content_cta_gras {
        margin-right: 30px;
        font-size: 16px;
        -webkit-text-size-adjust: 100%;
        font-weight: bold;
    }
    .content-d-grid-4{
        display: block;
        padding:10px 0px;
        grid-gap:30px;
        justify-items: center;
       
    }
    .content-d-grid-4 .grid-item{
        margin-bottom: 30px;
        background-color: #f7f7f8!important;
        padding-bottom: 20px;
        border-radius: 8px;
        box-shadow: 0px 0px 15px #00000029;
        width: 100%;
    }

    .content_cta{
      margin-left: 0px;
    }
    .content-d-grid-2 div{
        margin-bottom:2rem;
    }
    .content-d-grid-2 h2.title-h2{margin-right:0px;}
    ul.home-projects-banner .box-before-hover {
        margin: 0.8rem 0rem;
    }
    .home-latest-news .grey-title > .container, .home-projects .grey-title > .container, .home-certificates .grey-title > .container {
        display: block;
       
    }
    footer.site-footer {
        background: #3b3734;
        background-position: right;
        background-repeat: no-repeat;
       
    }
    
    .read-more-text {
        text-align: center;
        margin-top: 20px;
    }
    .section_key_number_grid {
        padding: 40px 0;
    }
    
    .features_list ul li:after {
        position: absolute;
        content: url(https://gbs.sa.com/wp-content/uploads/2023/06/arrow.png);
        width: 10px;
        height: 10px;
        left: 0px;
        top: 10;
        right: -15px;
    }
    .page-id-7 .features_list ul li:after{
        position:absolute;
            content:url(https://gbs.sa.com/wp-content/uploads/2023/07/arrow-en.png);
            width:10px;
            height:10px; right:3%; top:10px;
            top: 30%;
        }
        
    .list-bloc {
        display: block; 
        margin-top: 40px;
    }
.home-banner .banner-title h1 ,.home-banner .banner-title .h1{
    font-size: 33px;
    -webkit-text-size-adjust: 100%;
    line-height:36px;
}
.home-projects-banner {
    margin: 0px auto;
    width: auto;
}
.page-id-7 .content-d-grid-2 h3.title-h3{
    margin-left: 40px!important; 
    margin-right:40px;
    margin-top: 30px;
    font-size: 18px;
    -webkit-text-size-adjust: 100%;
}
 html[lang="ar"] .content-d-grid p,html[lang="en-AU"] .content-d-grid p{
    margin-left:0px;
    margin-right:0px;
}

html[lang="ar"] h2.title-h2, h2.title-h2, html[lang="en-AU"] h2.title-h2{
    font-size: 23px;
    -webkit-text-size-adjust: 100%;
    line-height:1.3;
    margin-bottom:10px;
    -webkit-text-size-adjust: 100%;

}

 
html[lang="ar"] .content-d-grid h3.title-h3 {
    margin-right: 40px;
    /*margin-top: 30px;*/
    font-size: 18px;
    -webkit-text-size-adjust: 100%;
}

.content-d-grid h3.title-h3 {
    margin-right: 40px;
    /*margin-top: 30px;*/
    font-size: 18px;
    -webkit-text-size-adjust: 100%;

}
.content-d-grid-2 p {
    margin-right:0px;
}
.content-d-grid-2 h2.title-h2 {
    margin-right: 20px;
    margin-top: 30px;
}
ul.home-projects-banner {
 display: block;
 width:80%;
}
ul.key_number_grid {
    list-style: none;
    display: block;
}
.content-d-grid {
    display: block;
    margin: 0px 0px 0px;
}
.content-d-grid-2 {
    display: block;
    margin: 15px 0px 30px;
}
.page-id-7 .cta_contact_us {
  /*  display: block;
    padding-right: 20px;*/
    display: flex;
    flex-direction: column;
    padding-right: 20px;
    align-items: center;
    text-align: left;
}
html[lang="ar"] .page-id-2627 .cta_contact_us {
    /*  display: block;
      padding-right: 20px;*/
      display: flex;
      flex-direction: column;
      padding-right: 20px;
      align-items: center;
      text-align: right!important;
  }
.solution-gbs {
    display: table;
}
.solution-gbs {
    grid-gap: 0 !important;
}
.home-banner .banner-title h1 .title-green ,.home-banner .banner-title .h1 .title-green{
    color: #93D500;
    font-size: 60px;
    -webkit-text-size-adjust: 100%;
    font-weight: 600;
    line-height: 1;
}

#metaslider-id-3009 .home-banner .banner-title h1 .title-green ,#metaslider-id-3009 .home-banner .banner-title .h1 .title-green{
    color: #93D500;
    font-size: 48px;
    -webkit-text-size-adjust: 100%;
    font-weight: 600;
    line-height: 1;
}

.home-banner .banner-title h1 .title-blue,.home-banner .banner-title .h1 .title-blue {
    font-size: 50px;
    -webkit-text-size-adjust: 100%;
    line-height: 1;
}

.home-banner .banner-title h1 {
    z-index: 0!important;
}

.home-banner {
    height: 550px;
}
.content-d-grid div {
    margin-bottom: 2rem!important;
}
.home-projects {
    padding: 30px 0px;
}
.home-installation {
    padding: 50px 20px 20px;
}

}


#metaslider-id-2832,#metaslider-id-3009{
    margin-top:-25px!important;
}



@media only screen and (min-width: 1400px) {
html[lang="ar"] header.site-header .header-right ul li:last-child{font-family: "GothamBook", sans-serif;
    margin-right:280px;}
html[lang="en-AU"] header.site-header .header-right ul li:last-child{font-family:"GothamBook", sans-serif;
    margin-left:290px;}
}
@media only screen and (max-width: 1390px) and (min-width: 1000px)  {
html[lang="ar"] header.site-header .header-right ul li:last-child{font-family: "GothamBook", sans-serif;
    margin-right:160px;}
html[lang="en-AU"] header.site-header .header-right ul li:last-child{font-family: "GothamBook", sans-serif;
        margin-left:170px;}
}

@media only screen and (max-width: 1200px) {
  .cta_contact_us {
        display: flex;
        flex-direction: column!important;
        padding-right: 20px;
        align-items: center;
    } 
}

html[lang="ar"] .solution-gbs p ~ ul li::marker{
    color: #93D500;
    content: url(https://gbs.sa.com/wp-content/uploads/2023/06/Trace-103.png);
}
.solution-gbs p ~ ul li::marker{
    color: #93D500;
    content: url(https://gbs.sa.com/wp-content/uploads/2023/07/plume-en.png);
}

html[lang="ar"] .solution-gbs p ~ ul li{
    padding-right: 10px;}
html[lang="ar"] .solution-gbs p ~ ul{
        padding-right:20px;
  }

html[lang="en-AU"] .solution-gbs p ~ ul li{
padding-left: 10px;}
.solution-gbs p ~ ul{
padding-left:20px;
}



.grid-image{
    position: relative;
    overflow: hidden;
    margin-bottom: 28px;
}

.installation_steps_content{
    padding:80px 10px;
    background-color: #f7f7f8!important;
}

.installation-tools{
  padding-top:40px;
}


#nav_menu-2:before{
    content: url(https://gbs.sa.com/wp-content/uploads/2023/06/logofooter.png);
    position: absolute;
    /*left: 0;*/
    margin-left: -41px;
}

#block-2 .lft:before {

    display: none!important;
}

html[lang="en-AU"].h2.title-h2 {
        color: #0084AD;
        font-size: 30px;
        -webkit-text-size-adjust: 100%;
        line-height: 40px;
        position: relative;
        margin-bottom: 30px;
        direction: rtl;
}

.page-id-256 .home-installation,.page-id-1295.home-installation{
    padding:0px!important;
    margin: 0px!important;
}


.single-installationservices h3.title-h3 {
    margin-right: 40px;
}


@media only screen and (max-width:320px) {

html[lang="ar"] h2.title-h2:after{
        padding-right: 0px;
    }
.home-products ul.tab {
    display: block;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
    list-style: none;
    background-color: #939498;
    /* margin-bottom: 60px; */
    justify-content: center;
    width: 1260px;
    max-width: 96%;
    margin: 20px auto 40px;
}
html[lang="ar"] h2.title-h2, h2.title-h2 ,html[lang="en-AU"] h2.title-h2{
    font-size: 21px;
    line-height: 1.3;
    margin-bottom: 10px;
    -webkit-text-size-adjust: 100%;

}
footer.site-footer {
    padding: 30px 45px;
}
.home-banner .banner-title h1 .title-green, .cs-slides .banner-title h1 .title-green, .home-banner .banner-title .h1 .title-green {
    font-size: 35px!important;
    -webkit-text-size-adjust: 100%;
    line-height: 1;
}
.home-banner .banner-title h1 .title-blue, .home-banner .banner-title .h1 .title-blue {
    font-size: 30px!important;
    -webkit-text-size-adjust: 100%;
    line-height: 30px;
}
.list-bloc a,.features_list ul li a {
    font-size: 15px;
    line-height:1;
  -webkit-text-size-adjust:100%;
}

}

@media only screen and (max-width:414px) {
.interne-banner{
height:180px;
}
.installation_steps_content {
    padding: 40px 10px;
}

.footer.f-col-3 p {
    font-size: 15px !important;
    color: #F5F5F5;
    line-height: 1.5;
}
.product-content {
    margin-top: 25px;
}
    .page-template-home-new ul.home-certificates__grid{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px;
        margin-top: 30px;
        justify-items: center;
    }
  
.box-key-numbers div:last-child {
    text-align: center !important;
    font-size: 25px;
    line-height: 1.2;
    -webkit-text-size-adjust:100%;

}
.home-products ul.tab {
     display: block;
    text-align: center;
    list-style: none;
    background-color: #939498;
    justify-content: center;
    width: 1260px;
    max-width: 96%;
    margin: 20px auto 40px;
}
    .list-bloc a,.features_list ul li a {
        color: #fff;
        font-size: 15px;
        line-height: 1;
        -webkit-text-size-adjust: 100%;

    }
    .features_list ul li {
        margin: 18px 0px;
        padding: 10px;
        line-height:20px;
        display: flex;
    flex-direction: row;
    align-items: center;
    justify-items: center;
    }
    p {
        font-size: 15px;
        margin: 0;
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
    }
    ul.home-projects__grid {
        grid-template-columns: repeat(1, 1fr);

    }

ul.home-projects__grid .on-hover-content, .projects-top-grid .on-hover-content {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        width: 100%;
       padding: 0px 15px; 
    }
.home-banner .banner-title h1, .home-banner .banner-title .h1 {
    font-size: 25px!important;
    line-height:1;   
     -webkit-text-size-adjust: 100%;
}

.home-banner .banner-title h1 .title-blue, .home-banner .banner-title .h1 .title-blue {
    font-size: 36px!important;
    line-height: 1;
    -webkit-text-size-adjust: 100%;
}

/*
.home-banner{
    margin-top: 10%!important;
}
*/
.home-banner .banner-title h1 .title-green,.cs-slides .banner-title h1 .title-green ,.home-banner .banner-title .h1 .title-green{
font-size: 35px!important;
line-height:1;
-webkit-text-size-adjust: 100%;

}

}


.btn-catalog{
    background-color: #93d501;
    border: 0px;
    padding: 7px 12px;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    line-height:1.3;
    -webkit-text-size-adjust: 100%;

}
.boutton-catalogue .btn-catalog{
    background-color: #93d501;
    border: 0px;
    padding: 10px 30px;
    border-radius: 8px;
    height:40px;

}
.btn-catalog a{
    color: #fff!important;
    font-size: 18px!important;
    line-height: 1.5!important;
    -webkit-text-size-adjust: 100%;
}
.boutton-catalogue{
    width:200px;
    text-align: center;
    margin: 60px auto 0px;
}

.list-bloc a{
    font-size:16px;
    line-height:1;
    -webkit-text-size-adjust: 100%;

}

html[lang="en-AU"] .content_cta_gras{
    font-family:"GothamBook", sans-serif ;
}

.page-template-page-faq ul li , .page-template-page-seo ul li{
    font-size: 16px;
    line-height: 28px;
    -webkit-text-size-adjust: 100%;
    margin-bottom:10px;
}

.page-template-page-seo .faq-container img {
max-height:100%;
}


.page-id-3298 .faq-container img,.page-id-3352 .faq-container img,.page-id-3364 .faq-container img{
max-height:600px!important;
}

.page-template-page-faq h2,.page-template-page-seo h2{
margin:30px 0px 15px!important;}

.page-template-sommaire-faq ul li h2{
    color: #000;
    font-size: 18px;
    -webkit-text-size-adjust: 100%;

}


.about-gallery-slider .about-slider .element .about-subtitle{
color:#0084AD!important;
margin-bottom:10px;
font-size:18px;
font-weight: 600;
min-height: 55px;
-webkit-text-size-adjust: 100%;

}

html[lang="en-AU"] .about-gallery-slider .about-slider .element .about-subtitle{
font-family: "GothamBook";
color:#0084AD!important;
margin-bottom:10px;
font-size:18px;
font-weight: 600;
min-height: 55px;
-webkit-text-size-adjust: 100%;
}

.page-template-about-us .about-gallery{
margin-top: 70px;
}


.box-title{
    /*width: 70%;*/
    font-size: 19px;
    line-height: 1.3;
    color:#fff;
  -webkit-text-size-adjust: 100%;
}

.read-more-link a{
    color:#93D500;
    font-size:18px;
    line-height:1.3;
    font-weight:100;
    position:relative;
    -webkit-text-size-adjust: 100%;
}

.page-template-page-seo h2.title-h2, .page-template-page-faq h2.title-h2{
    font-size: 26px;
    line-height: 30px;
    -webkit-text-size-adjust: 100%;
    margin-bottom:20px!important;
}
.page-template-page-seo .question_h2, .page-template-page-faq h2.title-h2{
  font-size: 28px;
    line-height: 30px;
    -webkit-text-size-adjust: 100%;
    margin-bottom:50px!important;
}

.footer-extreme-bottom a {
color:#fff;
}


.page-id-2320 .cta-before-footer, .page-id-2316 .cta-before-footer{
    display:none;
}


.page-id-2320  footer.site-footer ,.page-id-2316 footer.site-footer{
    margin-top: 100px;
}


/* Contact Us */

.contact-form.contact-form-second {
    background-color: #ffffff;
    padding: 60px 0px;
}
.contact-form.contact-form-second .home-contact-us__main ul {
    margin-top: 0;
}

.contact-banner{
    /*background-image: url('https://www.gbs.sa.com/wp-content/uploads/2022/10/background-image.jpg');*/
    /*background-image: url('https://www.gbs.sa.com/wp-content/uploads/2022/11/c-u-b-gbs.webp');*/
    background-image: url('https://www.gbs.sa.com/wp-content/uploads/2022/11/contact-us-banner.jpg');
    height: 300px;
    /*background-position: center;*/
    background-position: 0px 73%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

ul.contact-ul {
    list-style: none;
    margin-bottom: 6px;
   /* font-family: 'URW-DIN-Arabic-thin';*/
    color: #9D9D9C;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 8px;
    opacity: 1;
    padding: 25px 20px 10px;   
    color: #4E98A3;
    background-color: #151617;
   }
   ul.contact-ul li:nth-child(2){
 font-weight:600;
 font-family:"GothamBook",sans-serif;
   }
   ul.contact-ul li:nth-child(3){
    font-family: "GothamBook",sans-serif;
    font-size:17px;
   
      }
   html[lang="ar"] ul.contact-ul li {
    margin-bottom: 15px;
    font-size: 15px;
    position:relative;
    padding-left: 25px;

}

html[lang="en-AU"] ul.contact-ul li {
    margin-bottom: 15px;
    font-size: 15px;
    position:relative;
    padding-left: 25px;
    font-family: "GothamBook",sans-serif;

}
ul.contact-ul li a{
    color:#4E98A3;
}

ul.contact-ul h4 {
    margin-bottom: 10px;
    font-family: 'URW-DIN-Arabic';
    font-weight: 500;
    font-size: 22px;
    color: #D5D5D5;
}

ul.contact-ul h2 {
    margin-bottom: 10px;
    /*font-family: 'URW-DIN-Arabic';*/
    font-weight: 500;
    font-size: 20px;
    color: #D5D5D5;
}

.f-e-b-right p{
font-family: 'URW-DIN-Arabic';

}
/* ul.contact-ul li:nth-child(2)::after {
    position: absolute;
    content: " ";
    z-index: 1;
    height: 18px;
    width: 18px;
    top: 3px;
    bottom: 0;
    left: 0px;
    background-image: url('https://www.gbs.sa.com/wp-content/uploads/2022/09/Group-96422.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
} */

ul.contact-ul li:nth-child(2)::after {
    position: absolute;
    content: " ";
    z-index: 1;
    height: 16px;
    width: 16px;
    top: 3px;
    bottom: 0;
    left: 0px;
    background-image: url('https://www.gbs.sa.com/wp-content/uploads/2022/09/telephone.png');
    background-repeat: no-repeat;
    background-position: center;
    /* background-repeat: no-repeat; */
    background-size: cover;
}

ul.contact-ul li:nth-child(3)::after {
    position: absolute;
    content: " ";
    z-index: 1;
    height: 18px;
    width: 18px;
    top: 3px;
    bottom: 0;
    left: 0px;
    background-image: url('https://www.gbs.sa.com/wp-content/uploads/2022/09/location.png');
    background-repeat: no-repeat;
    background-position: center;
    /* background-repeat: no-repeat; */
    background-size: cover;
}


.contact-details {
    padding: 50px 0;
    background-color: #4E98A3;
}


  /* External Insulation System */

.external-insulation-system {
    margin-top: 50px;
}

.eis-img-div img {
    display: block;
    height: auto;
    max-width: 100%;
    border-radius: 8px;
}


.eis-div {
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 8px;
    padding: 10px;
    background-color: #4E98A3;
}

.eis-div p {
    font-size: 15px;
    margin: 0;
    color: #FFFFFF;
    line-height: 35px;
    margin-bottom: 30px;
}

.eis-div h4 {
    font-size: 22px;
    margin: 20px auto;
    position:relative;
    color: #151617;
}


.eis-div h4::after {
   position: absolute;
    content: " ";
    background-color: #151617;
    height: 2px;
    width: 65px;
    bottom: -15px;
    left: 1px;

}

.eis-gallery-div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap:20px;
}

.eis-gallery-div img {
    max-width: 100%;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}


.wind-mill {
    grid-row: 1/2;
    grid-column: 1/3;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1.5fr;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 20px;
    gap: 15px;
    padding: 10px;
    background-color:#151617;
    color:#D5D5D5;
}
.image-para p {
    color: #D5D5D5;
    line-height: 40px;
}

.eis-gallery {
    margin-top: 50px;
    padding: 50px 0;
    background-color:#E3E3E3;    
}


.bulb {
    padding: 10px;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 20px;
    grid-row: 1/2;
    grid-column: 3/4;
    background-color: #151617;
}
.building {
    padding: 10px;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 20px;
    grid-row: 2/3;
    grid-column: 1/2;
    background-color: #151617;
}
.castle {
    padding: 10px;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 20px;
    grid-row: 2/3;
    grid-column: 2/3;
    background-color: #151617;
}
.forest {
    padding: 10px;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 20px;
    grid-row: 2/3;
    grid-column: 3/4;
    background-color: #151617;
}

/* ABOUT  US */


.about-gallery-div {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.wind-mil-div {
    display: grid;
    grid-template-rows: 1.5fr 0.5fr;
    grid-template-columns: 1fr;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding:15px;
    background-color: #151617;
}

.about-gallery-div img {
    max-width: 100%;
    border-radius: 8px;
    height: 100%;
    object-fit: cover;
}
.wind-mill-content p {
    font-size: 15px;
    color: #D5D5D5;
    margin: 25px auto;
}


.bulb-div {
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding:10px;
    background-color: #151617;
}

.forest-div{
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding:10px;
    background-color: #151617;
}

.wind-mill-content h5{
    position:relative;
    margin: 20px auto;
    color:#B1B1B1;
}

.wind-mill-content h5::after {
    position: absolute;
    content: " ";
    background-color: darkgreen;
    height: 2px;
    width: 65px;
    bottom: -15px;
    right:0;
}
.bulb-div img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:8px;
}
.forest-div img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:8px;
}
.about-gallery {
    padding: 70px 0px 20px;
    background-color: #E3E3E3;
}

/* LATEST NEWS */

.latest-news {
    margin: 50px auto;
}



/*HOME PROJECTS */

.home-project-mt40{
    margin: 0px auto 0 !important;
}


/*CERTIFICATES*/

.certificate-margin{
    margin:50px auto;
}


/* INSTALLATION SERVICES */
.installation-service-margin {
    margin-top: 10px;
    margin-bottom: 50px;
}


/*Installation Service Single Page  */


/*Installation Service VIDEO SECTION  */

.single-installation {
    margin: 50px auto;
}

.single-installation-div {
    display: grid;
    /*grid-template-rows: 1fr 2fr;*/
    grid-template-columns: repeat(7, 1fr);
    /*grid-template-columns: 1fr;*/
    gap: 15px;
}

.installation-video {
   /*grid-row: 1/3;*/
   grid-row: 1/2;
    grid-column: 1/5;
    /*box-shadow: 0px 0px 6px #00000029;*/
    opacity: 1;
    padding: 10px 10px 10px 10px;
   /* border-radius: 5px;
    background-color: #4E98A3;*/
}

.content-div1 {
    grid-row: 1/2;
    grid-column: 5/-1;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 8px;
    opacity: 1;
    padding: 25px;
    background-color: #fff;
}

.content-div2 {
   grid-row: 2/3;
    grid-column: 5/-1;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 8px;
    opacity: 1;
    padding: 25px;
    background-color: #fff;
}

.content-div1 h5{
    position:relative;
    margin: 20px auto;
    color: #D5D5D5;
	
}

.content-div1 h5::after {
    position: absolute;
    content: " ";
    background-color: darkgreen;
    height: 2px;
    width: 65px;
    bottom: -14px;
    left: 1px;
}
/*
.content-div1 h3{
    position:relative;
    margin: 20px auto;
    color: #D5D5D5;
	font-size: 0.83em;
}

.content-div1 h3::after {
    position: absolute;
    content: " ";
    background-color: darkgreen;
    height: 2px;
    width: 65px;
    bottom: -14px;
    left: 1px;
}*/

.installation-video iframe {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius:8px;
}

.content-div2 h5{
    position:relative;
    margin: 20px auto;
    color: #D5D5D5;
}

.content-div2 h5::after {
    position: absolute;
    content: " ";
    background-color: darkgreen;
    height: 2px;
    width: 65px;
    bottom: -14px;
    left: 1px;
}
/*
.content-div2 h3{
    position:relative;
    margin: 20px auto;
    color: #D5D5D5;
	font-size: 0.83em;
}

.content-div2 h3::after {
    position: absolute;
    content: " ";
    background-color: darkgreen;
    height: 2px;
    width: 65px;
    bottom: -14px;
    left: 1px;
}*/
.content-div2 p {
    color: #9D9D9C;
    line-height: 35px;
}
.content-div1 p{
    color: #9D9D9C;
    line-height: 35px;
}
.installation-video h5 {
    margin-top: 15px;
    text-align: center;
}
/*
.installation-video h2 {
    margin-top: 15px;
    text-align: center;
	font-size: 0.83em;
	color :#fff;
}*/



/*CLAYSHEET */
.claysheet-icon ul.slides{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    text-align:center;
    list-style:none;
    padding: 0 20px;
}
.claysheet-icon li.icon-div-li p {
    margin-top: 20px;
}
.claysheet-icon li.icon-div-li h3 {
    margin-top: 20px;
	color: #000;
    font-size: 18px;
    margin: 0;
    line-height: 24px;
}
.claysheet-icon .slides li.icon-div-li {
	    margin-bottom: 80px;
}

.claysheet-icon .slides li.icon-div-li img {
    width: 60px;
    margin: auto;
    color: #4e98a3 !important;
    margin-bottom: 30px;
}
/*home product*/
/*.home-about-the-product__left ul.slides {*/
/*    display: grid;*/
/*    grid-template-columns: 1fr 1fr 1fr;*/
/*    gap: 20px;*/
/*    list-style: none;*/
/*}*/
.home-about-the-product__left ul.slides {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    list-style: none;
    grid-row-gap: 60px;
    padding-bottom: 40px;
}
.about-grid{
	grid-template-columns: repeat(3, 1fr);
}
.home-about-the-product.mt-40 .home-about-the-product__left {
    gap: 20px;
    display: grid;
}
.home-about-the-product.mt-40 .home-about-the-product__left img{
	height: 100%;
	width: 100%;
	object-fit: cover;
    border-radius: 8px;
}

.home-about-the-product__right ul {
    margin-left: 22px;
    font-size: 18px !important;
    line-height:1.3;
}

li.home-product h3,li.home-product .h3 {
    font-size: 18px;
    color: white;
    font-weight: 100;
}

.home-about-the-product__right p {
    margin-bottom: 0;
}



li.home-product h3,li.home-product .h3 {
    text-align: center;
    background-color: #86c14f;
    padding: 10px;
    position: absolute;
    /*bottom: 0;*/
    bottom: -40px;
    width: 100%;
}

a.service-btn {
    box-shadow: 0px 0px 6px #00000029;
    padding: 10px 22px;
    border-radius: 8px;
    background-color: #fff;
    color: #4e98a3;
}


li.sf-level-0.sf-item-6 {
    display: none;
}
.service-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:20px;
    margin-top: 20px;
}
li.home-product {
    position: relative;
}

li.home-product img {
    /*width: 200px;*/
    width: 100%;
    max-width: 100%;
}



/* RESPONSIVE CSS  */

/*----------------------------- Large Screens -------------------------------*/


@media only screen and (max-width :1700px) and (min-width: 1367px) {
    
    
    
}

@media only screen and (max-width :1366px) and (min-width: 1281px) {

    
li.tabs-sec__each.tablinks {
    font-size: 16px;
}

}

/*----------------------------- Small Laptop -------------------------------*/
@media only screen and (max-width :1280px) and (min-width: 1101px) {
    
    

}

/*----------------------------- Media 1024 -------------------------------*/
@media only screen and (max-width :1100px){
/*FOOTER*/

.footer.f-col-3 ul li:first-child input::placeholder {
    font-size: 16px;
}
.home-products__main.taxonomy-page-grid ul.intro {
    grid-template-columns: repeat(5, 1fr);
    
}
    
}


/*----------------------------- Media 768 -------------------------------*/
@media only screen and (max-width:999px){
    
    /*FOOTER*/
    
    .footer__main {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
     }
    
    .footer-extreme-bottom>div{
        display: block;
        text-align: center;
    } 
    
     /*ABOUT US*/
    
    .about-gallery-div{
    grid-template-rows: 1fr;
    grid-template-rows: repeat(3, auto);
    }
    
    .wind-mill {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-row: 1/2;
    grid-column: 1/4;
    }
    
  .eis-gallery-div {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, auto);
     }
    
    .image-para p{
     line-height: 35px; 
  }
  

.bulb {
    grid-row: 2/3;
    grid-column: 1/2;
}

.building {
    grid-row: 2/3;
    grid-column: 2/3;
}

.castle {
    grid-row: 3/4;
    grid-column: 1/2;
}

.forest {
    grid-row: 3/4;
    grid-column: 2/3;
}

/*Taxonomy-Productslist_category*/
.home-products__main.taxonomy-page-grid ul.intro {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

}

/*----------------------------- Media 480 -------------------------------*/
@media only screen and (max-width:767px){

.faq-banner{
margin-top:0px!important;
}
    .home-about-the-product.mt-40 .home-about-the-product__left {
        display: block;
        margin-top: 2rem;
    }
    /*FOOTER*/
    .home-project-mt40{
        margin: 0px auto 0 !important;
    }
    .footer__main h4.widget-title,.footer__main p.widget-title  {
    margin-bottom: 10px;
        
    }
    
    .footer__main {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
     }
    
    .footer.f-col-3 {
      grid-column: 1/-1;
     }
    
    
    /*ABOUT US*/
    
     .about-gallery-div {
       grid-template-columns: repeat(1, 1fr);
    }
  
  .image-para p {
    line-height: 20px;
    font-size: 12px;
}

/* CONTACT US*/
.contact-div {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
}

/* CLAY SHEETS*/
ul.clay-sheet-banner-div {
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: auto;
    padding: 0 15px;
}

/*Taxonomy-Productslist_category*/

.home-products__main.taxonomy-page-grid ul.intro {
    grid-template-columns: repeat(3, 1fr);
    
}

}


/*----------------------------- Media 320 -------------------------------*/
@media only screen and (max-width:479px){
    .html[lang="ar"] .footer__main ul{
        padding-right: 0px;
    }
    /*FOOTER*/
  .footer__main {
        grid-template-columns: 1fr;
}
    .f-e-b-right {
    margin-top: 6px;
}

.footer.f-col-3 ul li {
    display: inline-block;
}

.footer.f-col-3 ul{
    margin-top: 30px;
    flex-wrap: wrap;
}

    
    /*ABOUT US*/
    .forest {
    grid-row: initial;
    grid-column: initial;
}
    .castle {
    grid-row: initial;
    grid-column: initial;
}
.building {
    grid-row: initial;
    grid-column: initial;
}
.bulb {
    grid-row: initial;
    grid-column: initial;
}
.wind-mill {
    grid-row: initial;
    grid-column: initial;
    grid-template-columns: 1fr;
}
.eis-gallery-div {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
}

/*Taxonomy-Productslist_category*/

.home-products__main.taxonomy-page-grid ul.intro {
    grid-template-columns: repeat(2, 1fr);
    
}

}



/* NEW STYLES */

/* CLASSES */

.m-10 {
	margin: 10px;
}
.mt-10 {
	margin-top: 10px;
}
.mb-10 {
	margin-bottom: 10px;
}
.m-30 {
	margin: 30px;
}
.mt-30 {
	margin-top: 30px;
}
.mb-30 {
	margin-bottom: 30px;
}
.m-40 {
	margin: 40px;
}
.mb-40 {
	margin-bottom: 40px;
}
.m-50 {
	margin: 50px;
}
.mt-50 {
	margin-top: 50px;
}
.mb-50 {
	margin-bottom: 50px;
}
.m-60 {
	margin: 60px 0;
}
.mt-60 {
	margin-top: 60px;
}
.mb-60 {
	margin-bottom: 60px;
}
.p-60 {
	padding: 60px 0;
}
.br-10 {
	border-radius: 10px;
}
.overflow-hidden {
	overflow: hidden;
}
.img-fluid,
.img-fluid img {
	max-width: 100%;
	width: auto;
}
.font-24,
.font-24 p {
	font-size: 24px;
}
.font-22,
.font-22 p {
	font-size: 22px;
}
.font-20,
.font-20 p {
	font-size: 20px;
}
.font-15,
.font-15 p {
	font-size: 15px;
}
.weight-600 {
	font-weight: 600;
}
.text-center {
	text-align: center;
}
.text-white,
.text-white p {
	color: #fff;
}
.text-dark,
.text-dark p {
	color: #262626;
}
.text-style-arabic p {
	font-family: 'URW-DIN-Arabic-thin';
}
.lh-32 p {
	line-height: 32px;
}
.primary-bg {
	background-color: #86C14F;
}
.secondary-bg {
	background-color: #4e98a3;
}
.ternary-bg {
	background-color: #151617;
}
.accent-bg {
	padding-bottom: 50px;
    background-color: #E3E3E3;
}
.about-phomi-feature .accent-bg{
    padding: 30px 50px 0px!important;
    background-color: #E3E3E3;
}
.d-flex {
	display: flex;
	flex-wrap: wrap;
}
.justify-content-between {
	justify-content: space-between;
}
.align-center {
	align-items: center;
}


/* ABOUT PHOMI MCM */

.about-phomi .about-phomi-img {
    flex: 0 35%;
}
.about-phomi .about-phomi-cnt {
    flex: 0 55%;
}
.about-phomi-clay .phomi-clay-lft {
    flex: 0 55%;
}
.about-phomi-clay .phomi-clay-rgt {
    flex: 0 36%;
}
.about-phomi-feature .ap-features-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 40px;
    margin-top:70px;
}
.about-phomi-feature .ap-feature-icon {
    width: 20%;
    float: left;
}
.about-phomi-feature .ap-feature-content {
    float: right;
    width: 75%;
}
.phomi-video .pv-youtube {
    text-align: center;
}
.phomi-video a {
    display: inline-block;
}
.phomi-video img {
    display: block;
    margin: 0 auto;
}
.pv-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 9999;
    display: none;
}
.pv-modal .pv-modal-in {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pv-modal .pv-modal-video {
	position: relative;
    width: 50%;
}
.pv-modal span.pv-close {
	display: block;
    float: right;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    margin-bottom: 10px;
}
.pv-modal iframe {
    display: block;
    width: 100%;
    height: 500px;
}

.products-cat-block .pc-blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.products-cat-block .pc-blocks p {
    background-color: #fff;
    padding: 7px 5px;
}
.products-cat-block .pc-blocks h3 {
    background-color: #fff;
    padding: 7px 5px;
	font-size: 18px;
	font-weight: 100;
    color: #000;
}
.category-products-wrap .category-products-col {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 25px;
    grid-template-rows: 1fr;
    grid-auto-rows: 1fr;
}
.category-products-col .cp-col-item {
    position: relative;
}
.category-products-wrap .category-products-col img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.category-products-wrap .category-products-col p {
    padding: 7px 5px;
    position: absolute;
    width: 100%;
    bottom: 0;
}
.category-products-wrap .category-products-col h3 {
    padding: 7px 5px;
    position: absolute;
    width: 100%;
    bottom: 0;
	font-size: 18px;
	font-weight: 100; 
    margin-bottom:0px!important;
    color:#000!important;
}
.category-products-wrap h2{
	font-size: 40px;
}



/*----------------------------- Small Laptop -------------------------------*/
@media only screen and (max-width :1280px) and (min-width: 1101px) {

}

/*----------------------------- Media 1024 -------------------------------*/
@media only screen and (max-width :1100px){

	.pv-modal .pv-modal-video {
	    width: 70%;
	}	
	
}

/*----------------------------- Media 768 -------------------------------*/
@media only screen and (max-width:999px){
	
    .contact-div {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;

        
    }	.about-phomi-clay .phomi-clay-lft,
	.about-phomi-clay .phomi-clay-rgt {
	    flex: 0 100%;
	}
	.about-phomi-clay .phomi-clay-rgt {
	    margin-top: 40px;
	}
	.about-phomi-clay .phomi-clay-rgt img {
	    display: block;
	    margin: 0 auto;
	}
	.about-phomi-feature .ap-features-items {
	    grid-template-columns: repeat(2, 1fr);
	    gap: 60px 20px;
	}
	
	.pv-modal .pv-modal-video {
	    width: 90%;
	}
	.pv-modal iframe {
	    height: 400px;
	}
}

/*----------------------------- Media 480 -------------------------------*/
@media only screen and (max-width:767px){
    .contact-div {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr);
    }
	.about-phomi .d-flex {
	    flex-direction: column-reverse;
	}
	.about-phomi .about-phomi-img,
	.about-phomi .about-phomi-cnt {
	    flex: 0 100%;
	}
	.about-phomi .about-phomi-img {
	    margin-top: 40px;
	}
	.about-phomi-feature .ap-features-items {
	    grid-template-columns: repeat(1, 1fr);
	}
	.home-about-the-product__right ul {
	    color: #000;
	    margin: 10px 0 10px 20px !important;
	    font-size: 15px !important;
	}
	ul.product-projects-grid {
	    grid-template-rows: 110px 60px 80px;
	    grid-auto-rows: 130px;
	}
	
}

/*----------------------------- Media 320 -------------------------------*/
@media only screen and (max-width:479px){

.page-template-page-faq li,.faq-page p{
font-size: 15px !important;
    -webkit-text-size-adjust: 100%;
}

	.social-icons {
	    justify-content: center;
	}
	.pv-modal iframe {
	    height: 250px;
	}
	.home-about-the-product__right ul {
	    color: #000!important;
	    margin: 10px 0 10px 20px !important;
	    font-size: 15px !important;
	}
	ul.product-projects-grid {
	    display: grid;
	    grid-template-columns: 1fr 1fr 1fr;
	    grid-template-rows: 110px 60px 80px;
	    grid-gap: 20px;
	    list-style: none;
	    margin-bottom: 40px;
	    grid-auto-rows: 130px;
	}
}

/*-----style page faq*/

.faq-banner{
    background-color:#4E98A3; 
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:1.5rem;
margin-top:-25px;
}


.faq-titre{
    text-align: center;
    color: #fff;
    max-width: 1000px;

}


.faq-container h1{
    margin-bottom:1.5rem;
    text-align:center;
    font-size: 35px;
    line-height: 50px;
}

/*
.question_h1{
	font-size: 40px;
    text-align: center;
    margin-bottom: 4rem;
}*/

.question_h2 {
    font-weight: 600;
    color: #000;
    font-size: 28px;
    margin-bottom: 3.5rem!important;
    text-align:center;
}

.faq-container img{
    border-radius:8px;
    max-height: 500px;
}
.page-id-3245 .faq-container img, .page-id-3253 .faq-container img,.page-id-3281 .faq-container img{
    border-radius:8px;
    max-height: 800px;
}
 .page-id-3281 .faq-footer {
    display: none;
}
.faq-full-container img{
    border-radius:8px;
    object-fit: cover;
    width: 100%;
    max-height: 600px;
}


.faq-page p {
    color: #000;
    line-height: 28px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.faq-full-container{
    width:100%;
}

.faq-page h3 {
    font-weight: 400 !important;
    color: #93D500;
    font-size: 22px;
    margin-bottom: 10px;
    position:relative;
    margin-right:37px;
}

.faq-page h3:before {
    content: url(https://preprod.gbs.sa.com/wp-content/uploads/2023/06/Trace-103.png);
    position: absolute;
    right: -40px;
    top: 15px;
    transform: translateY(-50%);
}

/*
.d-flex>div{
    gap: 20px;
    display: grid;
}
*/


@media only screen and (min-width: 999px) {
    .faq-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 50px;
        align-items: center;
      /*  height: 550px;*/
    }
    .d-flex{
        /* display: flex;
         justify-content: center;
         justify-content: space-between;
         flex-direction: row-reverse;
         flex-wrap: nowrap;*/
         display: grid;
         grid-template-columns: 1fr 1fr;
         grid-gap: 50px;
         align-items: center;
     }

     .d-grid-sommaire{
        display: grid;
        grid-template-columns: 40% 60%;
        grid-gap: 100px;
        align-items: center;
        justify-content: center;
     }
     .my-60{
        margin:60px 0px;
    }
    .mb-70{
        margin-bottom:70px;
    }
    h1.faq-titre {
        font-size: 35px!important;
        line-height: 50px;
    }
    
    }

    
    @media only screen and (max-width: 768px) {
      /*  .home-about-the-product.mt-40 .home-about-the-product__left{
            display:block;
            margin-top: 2rem;
        }*/
        .about-gallery {
            padding: 50px 0px 5px;
        }
    .faq-titre {
        font-size: 26px;

    }
    .question_h2 {
        font-weight: 600;
        color: #000;
        font-size: 25px;
        margin-bottom: 3rem;
        text-align: center;
    }
    .my-60 {
        margin: 30px 0px;
    }
    .sommaire-faq h2 {
        line-height: 35px;
        font-size: 30px!important;
        letter-spacing: -1px;
    }
    .mb-70{
        margin-bottom:40px;
    }
}

.sommaire-faq h2{
    line-height: 35px;
    font-size: 30px;

}

.sommaire-faq ul li::marker {
    color: #87c24e;
}

.faq-footer {
    margin-top:4rem;
    display: flex;
    justify-content: end;
}

.faq-link a:not(.btn__white){
    color: #93D500!important;
    text-decoration: underline;
    font-weight: bold;
}

.home-installation__main {
    padding: 0rem;
}

.title-h2{
    margin-bottom: 40px;
}

.faq-full-container-1{
    width:100%;
}

.faq-full-container-1 img{
    border-radius: 8px;
    object-fit: cover;
    width: 100%;
    max-height: 500px;
}

.text-category-block .title-cat-h2{
    font-size: 26px;
    line-height: 30px;
    -webkit-text-size-adjust: 100%;
    margin-bottom: 20px!important;
}

 .title-cat-h2{
    font-size: 26px;
    line-height: 30px;
    -webkit-text-size-adjust: 100%;
    margin-bottom: 20px!important;
}

.text-category-block a:not(.btn__white) {
    color: #93D500!important;
    text-decoration: underline;
  
}

h2.title-cat-h2 {
    font-size: 26px;
    line-height: 30px;
    -webkit-text-size-adjust: 100%;
    margin-bottom: 20px!important;  
    
}
.text-category-block p {
    color: #000;
    line-height: 28px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}
.text-category-block span {
    color: #000;
    line-height: 28px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}