@charset 'UTF-8';
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(http://gulfex.com/wp-content/themes/gulfex-child/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(http://gulfex.com/wp-content/themes/gulfex-child/css/fonts/slick.eot);
src: url(http://gulfex.com/wp-content/themes/gulfex-child/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(http://gulfex.com/wp-content/themes/gulfex-child/css/fonts/slick.woff) format('woff'), url(http://gulfex.com/wp-content/themes/gulfex-child/css/fonts/slick.ttf) format('truetype'), url(http://gulfex.com/wp-content/themes/gulfex-child/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.rtsideareabtn {
position: fixed;
top: 0;
left: 0;
z-index: 999;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
padding-bottom: 0px;
}
.rtsideareabtn .mainbtns.btn4 {
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-lr;
-webkit-transform: scale(-1);
transform: scale(-1);
padding: 20px;
border-radius: 5px 0px 0px 5px;
background: rgb(0 0 0 / 40%);
backdrop-filter: blur(17px);
margin: 10px 0;
cursor: pointer;
}
.rtsideareabtn .mainbtns.btn4 a {
color: #fff;
font-family: Articulat CF;
font-size: 20px;
font-weight: bold;
line-height: normal;
display: flex;
align-items: center;
margin: 0;
text-decoration: none;
outline: none;
position: relative;
padding: 0px 0px 30px 0px;
}
.rtsideareabtn .mainbtns.btn4:after {
content: "";
background: url(//gulfex.com/wp-content/themes/gulfex-child/images/ButtonBefore.png);
width: 20px;
height: 20px;
display: block;
margin-top: 10px;
transform: rotate(180deg);
position: absolute;
top: unset;
bottom: 18px;
left: 20px;
}
.email-inner .new-emailbx {
padding-top: 40px;
}
.email-inner .new-emailbx h3 {
font-size: 20px;
font-weight: 600;
}
.email-inner .new-emailbx p i {
color: #00AA4F;
margin-right: 15px;
}
.email-inner .new-emailbx p a {
color: #000;
text-decoration: none;
}
span.highlight {
background-color: #00ab53;
color: white;
padding: 2px 5px;
} .fancybox-button[disabled], .fancybox-button[disabled]:hover {
display: none !important;
}
.main-navigation li#menu-item-1117, li#menu-item-1118, li#menu-item-1116, #menu-item-1119 {
display: none !important;
}
.mobile-show {
display: none;
}
ul#menu-mainmenu li.menu-item-has-children:before {
content: '';
background: url(//gulfex.com/wp-content/uploads/2023/09/Vector-2.png);
width: 20px;
height: 20px;
background-repeat: no-repeat;
position: absolute;
top: 16px;
margin-left: 10px;
}
.custom-single-content a {
color: #232323 !important;
}
ul#menu-mainmenu li.menu-item-has-children {
position: relative;
cursor: pointer;
}
.email-boxes h5:before {
content: none !important;
}
.mission-vision h6 {
margin-bottom: 20px;
} .banner-main {
position: relative;
}
.banner-main:before {
content: "";
position: absolute;
height: 75%;
width: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.77) 0%, rgba(0, 0, 0, 0.00) 58.36%);
}
.banner-content {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.banner-head {
max-width: 50%;
}
.banner-head h1 {
font-size: 60px;
font-weight: 600;
line-height: 70px;
color: #ffffff;
font-family: Articulat CF;
text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.50);
}
.breadcrumbs span {
color: #fff;
font-family: Articulat CF;
font-size: 20px;
line-height: 30px;
}
.breadcrumbs span a {
text-decoration: none;
color: #fff;
}
.breadcrumbs span a:hover {
color: #149939 !important;
}
.contact-main-sect {
background: url(//gulfex.com/wp-content/uploads/2023/08/contact-form-banner.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 50px 0px;
}
.form-inner {
display: flex;
flex-direction: column;
padding: 0px 20px 0px 0px;
}
.form-inner span {
padding: 15px 0px;
}
.form-inner span input {
width: 100%;
height: 55px;
border-radius: 50px;
padding-left: 30px;
outline: none;
color: #999999 !important;
border: 1px solid #EFEFEF;
}
.form-inner select {
outline: none;
width: 100%;
height: 55px;
border-radius: 50px;
padding-left: 20px;
color: #999999;
border: 1px solid #EFEFEF;
background-position: right 0.95rem center !important;
}
.form-inner textarea {
border: 1px solid #EFEFEF;
border-radius: 20px;
padding: 20px 0px 0px 20px;
outline: none;
}
.contant-inner h3{
font-size: 40px;
font-weight: 600;
}
.contant-inner p {
color: #666;
font-family: Articulat CF;
font-size: 18px;
font-weight: 500;
}
.address-inner {
display: grid;
grid-template-columns: repeat(4, 1fr);
padding: 50px 0px;
}
.address-col ul {
margin: 0;
list-style-type: none;
padding-left: 0;
display: flex;
flex-direction: column;
}
.address-inner {
display: flex;
padding: 30px 0px;
}
.address-col:nth-child(2) ul li {
margin-bottom: 20px;
}
.address-col:last-child {
padding-left: 50px;
}
.address-col:last-child ul li {
margin-bottom: 20px;
}
.address-col:first-child {
padding-right: 50px;
}
.address-col:first-child ul {
width: 260px;
}
.address-col:nth-child(2) {
border-right: 1px dashed #C7C7C7; padding: 0 50px;
}
.contact-second-sec {
background: url(//gulfex.com/wp-content/uploads/2023/08/contact-second-section.png);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom center;
padding: 50px 0px;
}
.address-col ul li i {
color: #00AA4F;
padding-right: 20px;
}
.address-col ul li {
display: inline-flex;
color: #333;
font-family: Articulat CF;
font-size: 18px;
font-weight: 500;
line-height: 24px;
}
.address-col ul li a {
color: black;
display: flex;
text-decoration: none;
}
.contact-second-sec h4 {
font-family: Articulat CF;
font-size: 35px;
font-weight: 600;
}
.email-boxes {
display: grid;
grid-template-columns: repeat(5, 1fr);
padding-top: 15px;
grid-gap: 15px;
}
.email-box {
border-radius: 5px;
background: #FFF;
box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.08);
padding: 20px;
background: url(//gulfex.com/wp-content/uploads/2023/08/email.png);
background-repeat: no-repeat;
background-size: 30%;
background-position: bottom right;
display: flex;
flex-direction: column;
justify-content: center;
}
.email-box h5 {
font-size: 18px !important;
line-height: 24px;
}
.email-box p a {
color: #00AA4F !important;
font-family: Articulat CF !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 24px !important;
margin-bottom: 0;
text-decoration: none;
}  .top-part a {
text-decoration: none;
}
.single-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
padding: 40px 0px 0px 0px;
}
.single-photos-item img {
width: 100%;
height: 205px;
object-fit: cover;
}
.single-content span a {
pointer-events: none;
}
.news-items .news-first {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.news-items .news-first .news-item{
position: relative;
}
.news-image, .news-image * {
height: 100%;
}
.news-image:before {
content: "";
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.87) 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 99;
}
.news-items .news-first .news-item:first-child 
{
grid-area: 1 / 1 / 3 / 3; 
}
.news-items .news-first .news-item:first-child .news-title {
position: absolute;
bottom: 30px;
left: 50px;
width: 100%;
margin: 0;
height: 100px;
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-direction: column;
pointer-events: none;
}
.news-items .news-first .news-item:nth-child(2) 
{
grid-area: 1 / 3 / 2 / 4;
}
.news-items .news-first .news-item:nth-child(3) 
{ 
grid-area: 2 / 3 / 3 / 4; 
}
.news-items .news-first .news-item:nth-child(4)
{
grid-area: 3 / 1 / 4 / 2;
}
.news-items .news-first .news-item:nth-child(5)
{
grid-area: 3 / 2 / 4 / 3;
}
.news-items .news-first .news-item:last-child
{
grid-area: 3 / 3 / 4 / 4;
}
.news-section {
padding: 50px 0px;
}
.news-section p {
margin-bottom: 30px;
}
.news-image {
overflow: hidden;
}
.news-image:hover img {transform: scale(1.15);}
.news-image img {
transition: all 0.4s ease-in;
}
.news-title {
position: absolute;
bottom: 30px;
left: 0px;
width: 100%;
height: 100px;
margin-left: 30px;
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-direction: column;
pointer-events: none;
z-index: 99;
}
.news-items .news-first .news-item:first-child .news-title h2 
{
color: #FFF;
font-family: Articulat CF;
font-size: 35px;
font-weight: 600;
line-height: 40px;
width: 80%; 
padding: 10px 0px;
}
.news-title h2 {
color: #FFF;
font-family: Articulat CF;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 35px;
width: 90%;
padding: 15px 0px 30px;
}
.custom-news-category span {
color: #FFF;
font-family: Articulat CF;
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
.custom-news-category a {
color: #FFF;
font-family: Articulat CF;
font-size: 18px;
font-weight: 500;
line-height: 28px;
text-decoration: none;
}
.news-title span a {
text-decoration: none;
color: #fff;
} .news-other-section {
padding: 0px 0px 50px;
}
.news-other-section h4 {
color: #000;
font-family: Articulat CF;
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: 35px;
}
.news-other-section p {
color: #666;
font-family: Articulat CF;
font-size: 18px;
line-height: 35px;
padding-bottom: 20px;
border-bottom: 1px solid #DCDCDC;
}
.news-items .news-second {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
padding-top: 20px;
}
.news-items .news-second .news-item{
position: relative;
} .load-more-container {
display: flex;
justify-content: center;
}
.load-more-container button {
color: #00AB53;
background: none;
border: none;
text-align: center;
font-family: Articulat CF;
font-size: 20px;
font-weight: 600;
text-transform: capitalize;
padding-top: 30px;
} .magazines-main {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
padding-top: 30px;
}
.mag-item {
position: relative;
}
.mag-item:before {
content: "";
background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0));
position: absolute;
width: 100%;
height: 200px;
bottom: 0;
z-index: 1;
pointer-events: none;
}
.mag-cont {
position: absolute;
bottom: 40px;
color: white;
z-index: 9;
padding: 0 20px;
}
.mag-cont span:first-child {
text-transform: uppercase;
}
.mag-cont span:first-child:after {
content: "|";
display: inline-block;
margin: 0 10px 0 15px;
position: relative;
top: -1px;
}
.mag-icons {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgb(0 0 0 / 50%);
z-index: 99;
opacity: 0;
transition: all 0.5s ease-in;
}
.mag-item:hover .mag-icons {
opacity: 1;
}
.mag-icons i {
color: white;
font-size: 35px;
margin: 0 15px;
}
div#gallery-1 {
margin-top: 40px;
}  .single-post .banner-head h1 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 92%;
}
.single-post .cat-links {
display: none;
}
.single-post .entry-meta {
display: none;
}
.related-item {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.related-post {
display: grid;
gap: 20px;
padding-bottom: 40px;
border-bottom: 1px solid #DEDEDE;
}
.related-image img {
width: 80%;
height: 120px;
object-fit: cover;
}
.related-title h2 {
color: #333;
font-family: Articulat CF;
font-size: 18px;
}
.related-post h3 {
color: #333;
font-family: Articulat CF;
font-size: 20px;
font-weight: 700;
line-height: 24px;
}
.related-image {
width: 50%;
}
.related-title {
width: 50%;
}
.single-section {
padding: 40px 0px;
}
.custom-blog-category a {
color: #333;
font-family: Articulat CF;
font-size: 18px;
line-height: 28px;
text-decoration: none;
padding-right: 10px;
border-right: 1px solid #333;
}
.custom-blog-category a:hover {
color: #149939;
}
.single-content {
padding: 30px 0px;
}
.custom-blog-title {
margin: 10px 0px 0px 0px;
color: #333;
font-family: Articulat CF;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 44px;
}
.custom-blog-date {
color: #333;
font-family: Articulat CF;
font-size: 18px;
line-height: 28px;
padding-left: 10px;
}
.post-content p {
color: #444 !important;
line-height: 32px;
}
.share-blog {
padding-top: 40px;
}
.share-blog h3 {
color: #333;
font-family: Articulat CF;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.share-blog p {
color: #444 !important;
font-family: Articulat CF !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 24px;
width: 64%;
display: none;
}
.bottomsocial ul {
display: flex;
padding: 0 !important;
margin: 0 !important;
list-style-type: none;
}
.bottomsocial ul li a {
background: #333 !important;
color: #fff !important;
padding: 20px;
border: 1px solid white;
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
margin-right: 10px;
text-decoration: none;
}  .media-section {
padding: 50px 0px;
}
#tabs-content {
padding: 40px 0px 0px;
}
#tabs-content .news-section {
padding: 0;
}
#tabs-content .news-other-section {
padding: 60px 0px 80px;
}
ul#tabs-nav {
list-style: none;
margin: 0;
padding: 5px;
overflow: auto;
display: flex;
}
ul#tabs-nav li {
font-weight: bold;
margin-right: 2px;
padding-right: 30px;
border-radius: 5px 5px 5px 5px;
cursor: pointer;
}
#tabs-nav li.active a {
color: #00AA4F !important;
}
#tabs-nav li a {
text-decoration: none;
color: #333 !important;
font-family: Articulat CF;
font-size: 20px;
font-weight: 700;
outline: none;
display: inline-block;
}
.downloads-page {
padding-bottom: 60px;
}
.download-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.download-item {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: 10px;
background: #FBFBFB;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.08);
padding: 20px 30px;
}
.dn-desc h2 {
color: #333;
font-family: Articulat CF;
font-size: 20px;
font-weight: 700;
width: 94%;
}
.dn-img {
width: 50%;
}
.dn-desc {
width: 100%;
}
.dn-download {
margin-top: 10px;
}
.dn-download a {
color: #333 !important;
font-family: Articulat CF;
font-size: 14px;
font-weight: 500;
text-decoration: none;
position: relative;
z-index: 9999;
}
.dn-download a:hover {
color: #00AA4F !important;
}
.dn-download a:after {
content: '';
background: url(//gulfex.com/wp-content/uploads/2023/09/donwload-arrow.png);
background-repeat: no-repeat;
width: 100%;
height: 50px;
position: absolute;
margin-left: 10px;
}
.request-information {
background: url(//gulfex.com/wp-content/uploads/2023/09/Request-banner.png);
padding: 30px;
border-radius: 10px;
background-repeat: no-repeat;
background-size: cover;
min-height: 246px;
display: grid;
}
.text-information {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
.text-detail h1 {
color: #FFF;
font-family: Articulat CF;
font-size: 40px;
font-weight: 700;
}
.text-detail p {
color: #FFF !important;
font-family: Articulat CF !important;
font-weight: 500 !important;
}
.explore {
border-radius: 40px;
background: #00AA4F;
border: none;
padding: 12px 20px;
}
.explore a {
text-decoration: none;
font-family: Articulat CF;
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
outline: none;
color: #fff;
}
.explore i {
margin-left: 30px;
}
.media-photos {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.media-photos-item {
overflow: hidden;
}
.media-photos-item img {
width: 100%;
height: 100%;
transition: all 0.3s ease-in;
}
.media-photos-item:hover img {
transform: scale(1.15);
}
.yt-vid-sec {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 25px;
}
.yt-item h3 {
color: #333;
font-family: Articulat CF;
font-size: 25px;
font-weight: 700;
margin-top: 30px;
}
.yt-item {
padding-bottom: 0;
position: relative;
z-index: 999;
}
.yt-inner {
position: relative;
display: inline-block;
}
.yt-inner:before {
content: '';
background: url(//gulfex.com/wp-content/uploads/2023/09/Group-1000002089.png);
background-repeat: no-repeat;
width: 79px;
height: 58px;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
cursor: pointer;
pointer-events: none;
}
.yt-item img {
border-radius: 10px;
}  .csr-section {
padding: 50px 0px;
}
.csr-first {
display: grid;
grid-gap: 30px;
}
.csr-item.left-column {
display: flex;
justify-content: center;
align-items: center;
}
.csr-item.right-column {
display: flex;
justify-content: center;
flex-direction: row-reverse;
align-items: center;
}
.csr-title {
width: 50%;
justify-content: center;
display: flex;
flex-direction: column;
}
.csr-title h2 {
font-family: Articulat CF;
font-size: 42px;
font-weight: 700;
line-height: 45px;
}
.csr-title p {
line-height: 30px;
}
.left-column .csr-title {
padding: 0px 0px 0px 45px;
}
.right-column .csr-title {
padding: 0px 45px 0px 0px;
}
.view-btn a {
color: #FFF !important;
font-family: Articulat CF;
font-size: 18px;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
background: #00AA4F;
text-decoration: none;
width: auto;
border-radius: 50px;
padding: 20px 33px 22px 33px;
display: inline-block;
position: relative;
z-index: 1;
}
.view-btn a:hover {
color: #232323 !important;
}
.view-btn a i.fa.fa-angle-right {
padding-left: 15px;
}
.view-btn a:after {
content: "";
position: absolute;
bottom: 0;
left: -1px;
right: -1px;
height: 100%;
transform: scaleY(0);
transform-origin: bottom center;
background: #F7F7F7;
z-index: -1;
transition: transform 0.4s;
border-radius: 50px;
}
.view-btn a:hover:after {
transform: scaleY(1);
color: #232323;
}  #main-heading .breadcrumbs span {
text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.50);
}
#main-heading h1 {
text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.50);
}
.csr-inner-items {
padding: 50px 0px;
}
.csr {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.csr-inner-title h2 {
color: #232323;
font-family: Articulat CF;
font-size: 52px;
font-weight: 700;
line-height: 62px;
}
.csr-inner-title p {
line-height: 36px;
}
.csr-second-section {
background: url(//gulfex.com/wp-content/uploads/2023/09/Maintaining-inner-banner.png);
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 90px;
}
.csr-second-title h3 {
color: #fff;
font-family: Articulat CF;
font-size: 32px;
font-weight: 700;
line-height: 42px;
padding-bottom: 30px;
}
.csr-second-title p {
line-height: 36px;
color: #fff !important;
}
.csr-second-title {
padding: 0 0 0 60px;
}
.csr-after-paragraph {
padding: 0 0 50px;
}
.csr-after p {
line-height: 32px;
}
.csr-second-image-section img {
position: relative;
top: 50px;
}  .form-select:focus {
border-color: #00AA4F !important;
outline: 0;
box-shadow: 0 0 0 0.25rem rgb(0 170 79 / 21%) !important;
}
.projects-first {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.projects-item {
position: relative;
}
.projects-item .projects-desc {
position: absolute;
bottom: 40px;
z-index: 9;
pointer-events: none;
}
.projects-desc {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
padding: 0px 50px;
}
.projects-desc h4 {
color: #FFF;
font-family: Articulat CF;
font-size: 20px;
font-weight: 700;
line-height: 30px; }
.projects-desc h3 {
color: #FFF;
font-family: Articulat CF;
font-size: 20px;
font-weight: 700;
line-height: 30px;
position: relative;
display: flex;
align-items: center;
}
.projects-desc h3:before {
content: '';
background: url(//gulfex.com/wp-content/uploads/2023/09/Pin_Mark_1_.png);
width: 20px;
height: 20px;
background-repeat: no-repeat;
display: block;
margin-right: 10px;
}
.projects-image {
overflow: hidden;
}
.projects-image:before {
content: "";
background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0));
position: absolute;
width: 100%;
height: 200px;
bottom: 0;
z-index: 1;
pointer-events: none;
}
.projects-image img {
transition: all 0.5s ease-in;
}
.projects-image:hover img {
transform: scale(1.2);
}
.project-form-section {
padding: 50px 0px 0px 0px;
}
.project-forms-inner {
border-radius: 10px;
background: #F4FFF5;
box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.07);
padding: 50px;
}
.project-forms-inner form {
display: grid; grid-template-columns: 80% auto;
grid-gap: 40px;
}
.project-forms-inner select {
border-radius: 65px;
border: 1px solid #00AA4F;
height: 56px;
padding: 0px 20px;
outline: none;
font-family: Articulat CF;
font-size: 18px;
text-transform: capitalize;
}
.project-forms-inner select option {
text-transform: uppercase;
}
.form-col-one {
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
}
.form-col-one label {
font-family: Articulat CF;
font-size: 20px;
font-weight: 600;
padding-bottom: 10px;
}
.form-col-one .contact-submit {
width: 100%;
height: 56px;
justify-content: space-between;
} .certification-tab {
display: grid;
grid-template-columns: repeat(9, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.image-ares:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.image-ares:nth-child(2) { grid-area: 1 / 3 / 2 / 4; }
.image-ares:nth-child(3) { grid-area: 1 / 5 / 2 / 6; }
.image-ares:nth-child(4) { grid-area: 1 / 7 / 2 / 8; }
.image-ares:nth-child(5) { grid-area: 1 / 9 / 2 / 10; }
.image-ares:nth-child(6) { grid-area: 2 / 2 / 3 / 3; }
.image-ares:nth-child(7) { grid-area: 2 / 4 / 3 / 5; }
.image-ares:nth-child(8) { grid-area: 2 / 6 / 3 / 7; }
.image-ares:nth-child(9) { grid-area: 2 / 8 / 3 / 9; }
.membership-tab {
display: grid;
grid-template-columns: repeat(9, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.membership-tab .image-ares:nth-child(1) { grid-area: 1 / 2 / 2 / 3; }
.membership-tab .image-ares:nth-child(2) { grid-area: 1 / 4 / 2 / 5; }
.membership-tab .image-ares:nth-child(3) { grid-area: 1 / 6 / 2 / 7; }
.membership-tab .image-ares:nth-child(4) { grid-area: 1 / 8 / 2 / 9; }
.membership-tab .image-ares:nth-child(5) { grid-area: 2 / 1 / 3 / 2; }
.membership-tab .image-ares:nth-child(6) { grid-area: 2 / 3 / 3 / 4; }
.membership-tab .image-ares:nth-child(7) { grid-area: 2 / 5 / 3 / 6; }
.membership-tab .image-ares:nth-child(8) { grid-area: 2 / 7 / 3 / 8; }
.membership-tab .image-ares:nth-child(9) { grid-area: 2 / 9 / 3 / 10; }
.image-ares {
background: #FFF;
box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.05);
width: 180px;
height: 150px;
display: grid;
justify-content: center;
align-items: center;
padding: 10px 10px;
} .qualcerti-section .new-emailbx {
padding-top: 40px;
padding-bottom: 40px;
}
.qualcerti-section .new-emailbx h4 {
font-family: Articulat CF;
font-size: 35px;
font-weight: 600;
}
.qualcerti-section .new-emailbx h3 {
font-size: 20px;
font-weight: 600 !important;!I;!;
}
.qualcerti-section .new-emailbx p i {
color: #00AA4F;
margin-right: 15px;
}
.qualcerti-section .new-emailbx a {
color: #000;
text-decoration: none;
}
.L-sideimage {
position: relative;
}
.L-sideimage:before {
content: "";
background: url(//gulfex.com/wp-content/themes/gulfex-child/images/InnerPagesSide.png);
background-size: 100%;
background-repeat: no-repeat;
width: 321px;
height: 388px;
position: absolute;
left: 0;
top: 0;
display: block;
transform: scaleX(-1);
z-index: -1;
}
#qualicer {
padding: 50px 0px 0px 0px;
}
.qualcerti-section {
position: relative;
}
.certi-pane {
padding: 20px 0px 20px 0px;
}
.qualcerti-section h3 {
color: #232323;
font-family: Articulat CF;
font-size: 52px;
font-weight: 600;
line-height: 62px;
}
.qualcerti-section p {
line-height: 36px;
width: 100%;
}
.cont-tab {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 20px;
}
.cont-tab .image-ares {
grid-area: auto;
}
.cont-tab .image-ares {
width: 100%;
min-height: 200px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.qualcerti-section .cont-tab .image-ares:hover {
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
transform: scale(1.06);
}
.qualcerti-section .cont-tab .image-ares {
transition: all 0.5s ease-in-out;
}
.cont-tab .image-ares h6 {
font-size: 18px;
text-align: center;
width: 70%;
line-height: 30px;
}
.member-pane {
padding: 40px 0px 50px 0px;
}  .service-section {
padding: 40px 0px;
}
.services-first-section {
padding: 50px 0 0;
}
.innovation-first {
display: grid;
grid-gap: 40px;
}
.innovation-item.left-column {
display: flex;
justify-content: center;
}
.innovation-item.right-column {
display: flex;
justify-content: center;
flex-direction: row-reverse;
}
.innovation-title {
width: 50%;
justify-content: center;
display: flex;
flex-direction: column;
}
.left-column .innovation-title {
padding: 0px 0px 0px 45px;
}
.right-column .innovation-title {
padding: 0px 45px 0px 0px;
}
.innovation-title h2 {
font-family: Articulat CF;
font-size: 52px;
font-weight: 700;
line-height: 65px;
}
.innovation-title p {
line-height: 36px;
}
.innovation-title ul {
margin: 0;
padding-left: 20px;
}
.innovation-title ul li {
line-height: 36px;
}  .services-first-section {
padding: 50px 0px;
}
.services-inner-items {
padding: 90px 0px;
}
.servi {
display: flex;  align-items: center;
}
.services-inner-title h2 {
color: #232323;
font-family: Articulat CF;
font-size: 52px;
font-weight: 700;
line-height: 62px;
}
.services-first-section p {
line-height: 30px;
}
.services-second-section {
background: url(//gulfex.com/wp-content/uploads/2023/09/Maintaining-inner-banner.png);
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}
.services-second-item {
padding: 50px 0;
display: flex;
}
.service-p-after {
margin-top: 15px;
}
.service-p-after ul {
padding: 0;
margin: 0;
margin-left: 20px;
}
.service-p-after ul li {
margin-bottom: 20px;
}
.services-second-title h3 {
color: #fff;
font-family: Articulat CF;
font-size: 32px;
font-weight: 700;
line-height: 42px;
padding-bottom: 30px;
}
.services-second-title p {
line-height: 30px;
color: #fff !important;
}
.services-second-title {
padding: 0px 0px 0 30px;
}
.services-after-paragraph {
padding: 50px 0px;
}
.services-after p {
line-height: 36px;
}
.services-second-image-section img {
position: relative;
top: 70px;
}   
.services-second-item h2 {
color: #fff;
font-family: Articulat CF;
font-size: 38px;
font-weight: 600;
line-height: 40px;
margin-bottom: 15px;
}
.services-after-paragraph {
margin-left: calc((100% - 1320px)/2);
padding-left: 10px;
}
.services-after-paragraph h3 {
font-family: Articulat CF;
font-size: 52px;
font-weight: 600;
line-height: 62px;
padding-left: 20px;
}
.services-second-title ul {
margin: 0;
padding: 0px 0px 0px 20px;
color: #fff;
}
.services-second-title ul li {
font-family: Euclid Circular A;
font-weight: 400;
line-height: 30px;
padding-bottom: 20px;
}
.services-slider .service-slider-item {
padding: 0px 0px 0px 20px;
}
.services-second-title h4 {
color: #fff;
font-size: 30px;
font-weight: 600;
line-height: 28px;
padding-bottom: 10px;
}
.service-col1 {
flex-shrink: 0;
width: 50%;
}  .innovation-section {
padding: 50px 0px;
}
.innova-main .innova-item {
display: flex;
justify-content: space-between;
align-items: center;
}
.innova-item .image-section:before{
display: none;
}
.innova-main .innova-item .innova-title {
flex-grow: 1;
padding-left: 100px;
width: 50%;
}
.innova-title ul {
padding: 0px 0px 0px 20px;
margin: 0;
}
.innovation-section h1 {
font-family: Articulat CF;
font-size: 52px;
font-weight: 600;
line-height: 62px;
}
.innova-main {
padding: 20px 0 0;
}
.innova-title h3 {
font-family: Articulat CF;
font-size: 32px;
font-weight: 600;
line-height: 42px;
padding-bottom: 10px;
}
.innova-title li {
color: #232323;
font-family: Euclid Circular A;
font-size: 18px;
font-weight: 400;
padding-bottom: 10px;
}
.innova-main .innova-item:nth-child(even) {
flex-direction: row-reverse;
padding-top: 30px;
padding-bottom: 30px;
}
.innova-main .innova-item:last-child {
padding-bottom: 0;
}
.innova-main .innova-item:nth-child(even) .innova-title {
padding-left: 0;
padding-right: 85px;
}  .inno-inner-section {
padding: 50px 0px;
}
.inno-first-sec {
display: flex;
grid-gap: 30px;
padding-bottom: 30px;
}
.inno-second-sec {
display: flex;
grid-gap: 85px;
padding-bottom: 30px;
}
.inno-second-sec .inno-first-col:nth-child(odd) ul {
padding-top: 30px;
}
.inno-second-sec .inno-first-col {
justify-content: space-evenly;
align-self: flex-start;
}
.inno-first-sec .col-img {
flex-shrink: 0;
}
.inno-first-col h1 {
color: #232323;
font-family: Articulat CF;
font-size: 52px;
font-weight: 600;
line-height: 62px;
width: 92%;
}
.inno-first-col ul {
margin: 0;
padding: 0px 0px 0px 20px;
}
.inno-first-col ul li {
color: #232323;
padding-bottom: 8px;
line-height: 30px;
}
.inno-last-col ul {
margin: 0;
padding: 0px 0px 0px 20px;
}
.inno-last-col ul li {
color: #232323;
font-size: 18px;
padding-bottom: 8px;
line-height: 30px;
}
.inno-first-col h4 {
color: #00AB53;
font-family: Euclid Circular A;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 34px;
padding-top: 20px;
}
.inno-last-col h1 {
color: #232323;
font-family: Articulat CF;
font-size: 52px;
font-weight: 600;
line-height: 62px;
padding-bottom: 20px;
}
.inno-last-col h4 {
color: #00AB53;
font-family: Euclid Circular A;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 34px;
}
.inno-last-sec {
padding-bottom: 30px;
}
.req-information {
display: flex;
align-items: center;
padding: 0px 40px;
}
.req-detail p {
color: #fff !important;
}
.req-detail h1 {
color: #FFF;
font-family: Articulat CF;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 50px;
}
.req-detail {
display: flex;
flex-direction: column;
width: 70%;
}
.req-btn-detail {
width: 30%;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.req-btn-detail i {
padding-left: 20px;
}  .social-section {
padding: 30px 0px 30px;
}
.career-inner h6 {
width: 73%;
}
.career-inner-image {
padding: 30px 0 0 0;
}
.social-inner {
display: inline-flex;
gap: 50px;
}
.same-social a {
display: flex;
flex-direction: row;
align-items: center;
}
.awsm-job-single-wrap ul {
padding: 0;
margin: 0 0px 0px 20px;
}
.awsm-job-single-wrap ul li {
margin-bottom: 10px;
font-family: 'Euclid Circular A';
}
.same-social p {
margin: 0;
font-weight: 600 !important;
}
.career-inner-zig {
display: flex;
flex-direction: row;
}
.cont-image {
width: 50%;
}
.cont-content {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0px 0px 0px 70px;
}
.career-inner-zig:nth-child(even) {
display: flex;
flex-direction: row-reverse;
padding: 30px 0px;
}
.career-inner-zig:nth-child(even) .cont-content {
padding: 0px 50px 0px 0px;
}
.recruitment-inner-zig {
display: flex;
flex-direction: row;
}
.recruitment-image {
width: 50%;
}
.recruitment-content {width: 50%;display: flex;flex-direction: column;justify-content: center;padding: 0px 0px 0px 70px;}
.recruitment-inner-zig:nth-child(even) {
display: flex;
flex-direction: row-reverse;
padding: 40px 0px;
}
.recruitment-inner-zig:nth-child(even) .recruitment-content {
padding: 0px 50px 0px 0px;
}
.recruitment-first-section {
display: flex;
gap: 100px;
padding: 10px 0px 30px 0px;
}
.tab-detail {
display: none;
}
.tab-detail.active {
display: block;
}
.group-ini {
padding: 70px 0px 70px 0px;
}
.group-ini:nth-child(even) {
padding: 70px 0px 0px 0px;
}
.group_initiatives-content-section {
width: 47%;
}
.group_initiatives-content-section p {
line-height: 30px;
}
.initiative-inner h4 {
color: var(--grey, #232323);
text-align: center;
font-family: 'Articulat CF';
font-size: 32px;
font-style: normal;
font-weight: 600;
padding-top: 20px;
}
.initiative-inner p {
text-align: center;
}
#career-tabs-nav {
margin: 0;
display: flex;
justify-content: space-between;
list-style: none;
padding: 0;
}
#career-tabs-nav li a {
text-decoration: none;
color: #333;
text-align: center;
font-family: 'Articulat CF';
font-size: 18px;
font-weight: 600;
}
.career-tab-section {
padding: 30px 0px 0px 0px;
}
.awsm-job-single-wrap a.link {
font-weight: 600;
text-decoration: none;
}
.awsm-job-single-wrap a.link:hover {
color: #00ab53 !important;
}
#career-tabs-nav li.active {
color: #00aa4f;
position: relative;
}
#careertab4 .awsm-grid-left-col span:before {
content: 'Date: ';
} #career-tabs-nav li.active:before {
color: #00aa4f;
content: "";
position: absolute;
border-bottom: 4px solid #00aa4f;
bottom: -33px;
width: 100%;
}
#career-tabs-nav li.active > a {
color: #00aa4f;
}
.career-tabs ul {
border-bottom: 1px solid #ededed;
}
ul#career-tabs-nav {
padding-bottom: 30px;
}
.awsm-grid-item .awsm-job-item {
background-color: #fafafa;
border: 1px solid #e1e1e1;
height: 0px;
justify-content: center;
padding: 100px 50px;
}
#careertab4 .awsm-job-item h2 {
color: #000;
font-family: "Articulat CF";
font-size: 24px !important;
font-weight: 600;
margin: 10px 0 10px;
}  #careertab4 .awsm-grid-col .awsm-grid-item {
position: relative;
}
#careertab4 .awsm-job-more-container {
display: flex;
flex-direction: row-reverse;
position: absolute;
right: 0;
bottom: 100px;
margin-right: 60px;
}
#careertab4 .awsm-selectric-wrapper {
min-width: auto;
width: 348px;
}
#careertab4 .awsm-job-more-container .awsm-job-more {
color: #fff;
background-color: #00AA4F;
padding: 15px 35px 15px 35px;
border-radius: 50px;
}
#careertab4 .awsm-job-icon-search:before {
content: "\f105" !important;
font-size: 25px;
color: #fff;
position: absolute;
top: 0px;
right: 30px;
}
#careertab4 .awsm-job-search-btn.awsm-job-search-icon-wrapper:before {
content: 'Search Jobs';
font-size: 16px;
font-family: "Articulat CF";
display: flex;
margin-left: 20px;
}
#careertab4 .awsm-job-hide {
display: block !important;
}
#careertab4 .awsm-job-icon-close-circle:before {
content: none;
}
#careertab4 .awsm-job-search-btn.awsm-job-search-icon-wrapper {
position: absolute;
background: #00AA4F;
color: #fff;
right: -60em;
width: 200px;
border-radius: 80px;
}
#careertab4 .awsm-filter-item-search .awsm-job-form-control {
padding: 0px 50px;
min-height: 48px;
color: #666 !important;
border-radius: 83px;
border: 1px solid #E8E8E8;
background: #F9F9F9;
}
#careertab4 .awsm-filter-item-search .awsm-job-form-control::placeholder {
color: #666 !important;
}
#careertab4 .awsm-job-specification-wrapper {
display: flex;
gap: 70px;
}
#careertab4 a.awsm-job-item .awsm-job-specification-item {
color: #000 !important;
font-family: "Articulat CF";
font-size: 16px;
font-weight: 500;
}
#careertab4 .awsm-job-specification-job-category::before, #careertab4 .awsm-job-specification-job-location::before {
content: '';
width: 9px;
height: 9px;
background-color: #00AA4F;
position: relative;
display: inline-flex;
border-radius: 50px;
margin-right: 10px;
}
#careertab4 .awsm-job-specification-term:first-child::before {
content: 'Company: ';
}
#careertab4 .awsm-job-specification-job-location .awsm-job-specification-term:first-child::before {
content: 'Job Location: ';
}
.jobs-inner-detail .awsm-grid-left-col span:before {
content: 'Date:';
}
#careertab4 a.awsm-load-more.awsm-load-more-btn {
color: var(--00AB53, #00AB53);
text-align: center;
font-family: "Articulat CF";
font-size: 20px;
font-weight: 600; background: none;
border: none;
box-shadow: none;
}
#careertab4 .awsm-filter-item-search {
width: 348px;
}
#careertab4 a.awsm-load-more.awsm-load-more-btn:hover {
box-shadow: none;
background: none;
}
#careertab4 .awsm-selectric {
border-radius: 83px;
border: 1px solid #E8E8E8;
background: #F9F9F9;
}
#careertab4 .awsm-filter-wrap .awsm-filter-items {
display: flex !important;
width: auto !important;
}
#careertab4 .awsm-selectric span {
color: #999 !important;
font-family: "Articulat CF";
font-size: 15px !important;
font-weight: 500;
margin: 0px 0px 0px 50px;
}
#careertab4 span {
color: #000;
font-family: "Articulat CF";
font-size: 16px;
font-weight: 500;
}
#careertab4 .awsm-grid-right-col {
display: flex;
}
#careertab4 .date-ini {
margin-right: 60px;
}
#careertab4 .date-ini:before {
content: '';
width: 9px;
height: 9px;
background-color: #00AA4F;
position: relative;
display: inline-flex;
border-radius: 50px;
margin-right: 10px;
}
#careertab4 .awsm-job-more-container .awsm-job-more span::before {
content: "\f105" !important;
font-family: 'FontAwesome';
color: #fff;
margin: 0px 0px 0px 20px;
}
.awsm-filter-wrap .awsm-filter-item:nth-child(2) {
display: none;
}
.career-section .open-position .awsm-filter-wrap {
display: none;
}
.jobs-inner-detail {
padding: 20px 0px 30px 0px;
}
.work-extrusions {
padding-bottom: 50px;
}
.benefit-section {
text-align: center;
padding: 50px 0 0 0;
}
.testimonial-content {
display: flex !important;
flex-direction: row;
gap: 60px;
}
.benefit-inner {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
}
.testimonial-thumb img {
margin: 0 auto;
}
.testimonial-thumb h4 {
color: #333;
text-align: center;
font-family: 'Articulat CF';
font-size: 18px;
font-weight: 600;
line-height: 28px;
width: 65%;
margin: 10px auto;
}
.testimonial-thumb {
border-bottom: 2px solid #f3f3f3;
padding-bottom: 30px;
}
.testimonial-thumb-width {
padding: 30px 0px 30px 0px;
}
.testimonial-thumb h4:active {
color: #00AB53;
}
.testimonial-thumb h4:hover {
color: #00AB53;
}
.div-item h4 {
margin-bottom: 0;
}
.div-item h4 strong {
display: flex;
}
.cont-content > .div-item h4 strong::before {
content: '';
background: url(//gulfex.com/wp-content/uploads/2023/11/Mission.png);
width: 35px;
height: 36px;
display: block;
background-size: contain;
background-repeat: no-repeat;
margin-right: 20px;
}
.cont-content > .div-item:nth-of-type(2) h4 strong::before {
background: url(//gulfex.com/wp-content/uploads/2023/11/Vision.png);
}
.cont-content > .div-item:nth-of-type(3) h4 strong::before {
background: url(//gulfex.com/wp-content/uploads/2023/12/careervaliues.png);
}
.cont-content p {
margin: 20px 0px !important;
}
.testimonial-thumb  .testimonial-image:active {
filter: brightness(0) saturate(100%) invert(38%) sepia(64%) saturate(1464%) hue-rotate(121deg) brightness(98%) contrast(102%);
}
.testimonial-thumb  .testimonial-image:hover{
filter: brightness(0) saturate(100%) invert(38%) sepia(64%) saturate(1464%) hue-rotate(121deg) brightness(98%) contrast(102%);
}
.benefit-inner h2 {
color: var(--grey, #232323);
font-family: 'Articulat CF';
font-size: 32px;
font-style: normal;
font-weight: 600;
}
.recruitment-first-section p {
width: 50%;
}
#careertab1 .testimonial-image.slick-slide.slick-current.slick-active{
filter: brightness(0) saturate(100%) invert(38%) sepia(64%) saturate(1464%) hue-rotate(121deg) brightness(98%) contrast(102%);
} .single-awsm_job_openings .single-section .col-md-4 {
display: none;
}
.single-awsm_job_openings .single-section .col-md-8 {
width: 100%;
}
.single-awsm_job_openings .custom-blog-date {
padding-left: 0;
}
.single-awsm_job_openings .single-content {
padding: 0;
padding-bottom: 15px;
}
.single-awsm_job_openings .custom-blog-title {
margin-top: 0;
}
.awsm-job-form-inner {
border-radius: 20px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
}
.testimonial-thumb .slick-list {
overflow: visible;
}
.testimonial-image.slick-current:before {
content: "";
position: absolute;
border-bottom: 3px solid #00aa4f;
bottom: -33px;
width: 100%;
}
.same-social a {
color: #000 !important;
font-family: 'Articulat CF';
font-size: 18px;
font-weight: 600;
text-decoration: none;
}
.gulf-zigzag {
padding: 20px 0 0 0;
}
.same-social a strong {
margin-left: 10px;
}
.find-detail {
padding: 0px 0px 20px 0px;
}
.search-detail {
padding: 10px 0px 10px 0px;
}
.awsm-selectric-awsm-job-location-filter-option .awsm-selectric span.label:before {
content: '';
background: url(//gulfex.com/wp-content/uploads/2023/11/location.png);
width: 30px;
height: 20px;
display: block;
background-repeat: no-repeat;
position: absolute;
margin-top: 10px;
left: 15px;
}
.awsm-selectric-awsm-job-category-filter-option span.label:before {
content: '';
background: url(//gulfex.com/wp-content/uploads/2023/11/search-3.png);
width: 30px;
height: 20px;
display: block;
background-repeat: no-repeat;
position: absolute;
margin-top: 10px;
left: 15px;
}
.awsm-filter-item-search:before {
content: '';
background: url(//gulfex.com/wp-content/uploads/2023/11/Search.png);
width: 30px;
height: 30px;
display: block;
background-repeat: no-repeat;
position: absolute;
margin-top: 13px;
left: 25px;
z-index: 99;
}
.open-position .search-detail {
display: none;
}
.awsm-job-form .awsm-job-form-control {
display: block;
width: 100%;
height: 55px;
border-radius: 50px !important;
padding-left: 30px !important;
outline: none;
color: #999999 !important;
border: 1px solid #EFEFEF !important;
}
input#awsm-application-file {
padding: 12px 30px !important;
margin-bottom: 15px;
}
.awsm-job-form .awsm-job-form-inner h2 {
margin: 0 0 30px;
color: #333;
font-family: Articulat CF;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 44px;
}
.awsm-job-form .awsm-job-form-group label {
font-family: 'Euclid Circular A';
}  @media only screen and (max-width: 1680px){
.rtsideareabtn .mainbtns.btn4:after {
bottom: 10px;
left: 10px;
}
.rtsideareabtn .mainbtns.btn4 a {
font-size: 17px;
}
.rtsideareabtn .mainbtns.btn4 {
padding: 10px;
}	
.project-form-section {
padding: 40px 0px 0px 0px;
}
.project-forms-inner form {
grid-gap: 40px;
}
.service-section {
padding: 40px 0px;
}
.innovation-title p {
line-height: 32px;
}
.innovation-first {
grid-gap: 30px;
}
.innovation-title h2 {
font-size: 40px;
}
.services-first-section p {
line-height: 26px;
}
.services-first-section {
padding: 40px 0px;
}
.services-second-item {
padding: 40px 0;
}
.services-after-paragraph {
padding: 40px 0px;
}
.service-col1 {
width: 55%;
}
.services-second-title ul {
margin-bottom: 15px;
}
.services-second-title ul li {
line-height: 26px;
padding-bottom: 5px;
}
.service_extra_sec {
padding: 40px 0px 0px;
}
.innovation-section, .inno-inner-section, .csr-section {
padding: 40px 0;
}
.innova-main {
padding: 20px 0px;
}
.inno-first-col h1, .inno-last-col h1 {
font-size: 38px;
line-height: 46px;
padding-bottom: 0;
}
.inno-first-col ul li {
padding-bottom: 5px;
}
#qualicer {
padding: 40px 0 0 0;
}
.member-pane {
padding: 30px 0;
}
.csr-section, .csr-inner-items {
padding: 40px 0px;
}
.csr-after-paragraph {
padding: 0 0 40px;
}
.csr-inner-title p {
line-height: 32px;
}
.news-section, .single-section, .media-section {
padding: 40px 0px;
}
.news-other-section {
padding: 0px 0px 40px;
}
.news-items .news-first, .news-items .news-second {
grid-gap: 20px;
}
.single-content {
padding: 20px 0px;
}
#tabs-content .news-other-section {
padding: 40px 0 0;
}
.media-photos {
grid-gap: 20px;
}
.contact-second-sec {
padding: 40px 0px;
}
.address-inner {
display: flex;
padding: 20px 0px;
}
.benefit-section {
padding: 40px 0 0;
}
}
@media only screen and (max-width: 1399px){
.single-items {
padding: 20px 0px 0px 0px;
}
.contact-second-sec h4 {
font-size: 30px;
}
#tabs-nav li a {
font-size: 18px;
}
.yt-item h3 {
font-size: 22px;
line-height: 32px;
}
.dn-desc h2 {
font-size: 19px;
}
.download-item {
padding: 20px;
}
.text-detail h1 {
font-size: 35px;
}
.dn-desc {
width: 80%;
}
.news-items .news-first .news-item:first-child .news-title h2 {
font-size: 30px;
width: 90%;
}
.custom-news-category span {
font-size: 17px;
}
.news-title h2 {
font-size: 22px;
line-height: 30px;
padding: 10px 0px 10px;
}
.news-other-section h4 {
font-size: 30px;
line-height: 40px;
}	
.custom-blog-title {
font-size: 27px;
line-height: 37px;
}
.related-post h3 {
font-size: 18px;
}	
.related-post {
padding-bottom: 30px;
}	
.related-title h2 {
font-size: 17px;
}	
.share-blog {
padding-top: 30px;
}	
.share-blog p {
width: 80%;
}	
.post-content p {
line-height: 28px;
}	
.csr-title h2 {
font-size: 36px;
line-height: 40px;
}
.csr-title p {
line-height: 26px;
}
.csr-inner-title h2 {
font-size: 42px;
line-height: 52px;
}
.csr-second-title h3 {
font-size: 26px;
line-height: 36px;
padding: 0;
margin: 0;
}
.qualcerti-section h3 {
font-size: 42px;
line-height: 52px;
}
.innovation-section h1 {
font-size: 42px;
line-height: 52px;
}	
.innova-title h3 {
font-size: 30px;
line-height: 40px;
}	
.innova-main .innova-item .innova-title {
padding-left: 80px;
}	
.innova-main .innova-item:nth-child(even) .innova-title {
padding-right: 80px;
}
.req-detail h1 {
font-size: 35px;
line-height: 45px;
}	
.services-inner-title h2 {
font-size: 42px;
line-height: 52px;
}	
.services-second-item h2 {
font-size: 34px;
line-height: 36px;
}
.services-after-paragraph {
margin-left: calc((100% - 1140px)/2);
}	
.services-after-paragraph h3 {
font-size: 42px;
line-height: 52px;
}
.testimonial-thumb h4 {
font-size: 16px;
line-height: 26px;
width: 68%;
}
.group-ini:nth-child(even) {
padding: 20px 0px 0px 0px;
}
.group-ini {
padding: 20px 0px 30px 0px;
}
.initiative-inner h4 {
font-size: 30px;
padding-top: 30px;
}
.group_initiatives-content-section {
width: 50%;
}
.group-initiatives h6 {
padding: 10px 0px !important;
}	
#tabs-content {
padding: 30px 0px 0px;
}	
#careertab4 .awsm-selectric-wrapper {
width: 290px;
}
#careertab4 .awsm-filter-item-search {
width: 290px;
}
#careertab4 .awsm-job-search-btn.awsm-job-search-icon-wrapper {
right: -53em;
}	
}
@media only screen and (max-width: 1199px){
.request-information {
min-height: 200px;
}
#career-tabs-nav li a {
font-size: 16px;
}
.jobs-inner-detail {
padding: 20px 0px 10px 0px;
}	
.social-inner {
gap: 30px;
}
.same-social img {
width: 40px;
height: 40px;
}	
.single-items {
gap: 10px;
}
.single-photos-item img {
height: 150px;
}
.related-image img {
height: 100px;
}
.project-forms-inner {
padding: 30px;
}	
.project-forms-inner select {
padding: 0px 15px;
font-size: 15px;
}
.projects-first {
grid-gap: 15px;
}
.csr-first {
grid-gap: 80px;
}	
.csr-title h2 {
font-size: 35px;
line-height: 45px;
}	
.csr-title p {
line-height: 26px;
}
.view-btn a {
margin-top: 10px;
}
.right-column .csr-title {
padding: 0px 35px 0px 0px;
}
.left-column .csr-title {
padding: 0px 0px 0px 35px;
}		
.csr-inner-title h2 {
font-size: 35px;
line-height: 45px;
}	
.csr-second-title h3 {
font-size: 25px;
line-height: 35px;
padding-bottom: 10px;
}	
.csr-second-title p {
font-size: 15px !important;
line-height: 30px;
}	
.csr-inner-items {
padding: 60px 0px;
}
.csr-after-paragraph {
padding: 0 0 60px;
}	
.csr-second-title {
padding: 0px 0px 0px 40px;
}
.contact-second-sec h4 {
font-size: 25px;
}	
.address-inner {
padding: 20px 0px;
}	
.email-box {
padding: 20px;
}
.news-items .news-first .news-item:first-child .news-title {
left: 30px;
}	
.media-section {
padding: 40px 0px;
}	
#tabs-content .news-other-section {
padding: 40px 0px 40px;
}	
.custom-news-category span, .custom-news-category a {
font-size: 16px;
}
.news-title {
bottom: 15px;
margin-left: 10px;
}
.news-title h2 {
font-size: 20px;
padding: 10px 0px 0px;
}
.news-items .news-first .news-item:first-child .news-title h2 {
font-size: 25px;
line-height: 35px;
}	
.dn-desc h2 {
font-size: 17px;	
}
.dn-desc {
width: 60%;
}	
.news-other-section h4 {
font-size: 25px;
line-height: 35px;
}
.yt-item {
padding-bottom: 10px;
}	
.yt-item h3 {
font-size: 20px;
line-height: 30px;
}	
.text-detail h1 {
font-size: 30px;
}	
.text-detail p {
width: 80%;
}	
.explore a {
font-size: 16px;
}	
.explore i {
margin-left: 10px;
}	
.downloads-page {
padding-bottom: 40px;
}
.related-post {
padding-bottom: 20px;
}
.custom-blog-title {
font-size: 25px;
line-height: 35px;
}
.project-form-section {
padding: 40px 0px 0px 0px;
}
.project-forms-inner form {
grid-gap: 20px;
}
.projects-desc {
padding: 0px 20px;
}
.projects-desc h4 {
font-size: 18px;
line-height: 28px;
}	
.projects-desc h3 {
font-size: 18px;
line-height: 28px;
}
#qualicer {
padding: 60px 0px 0px 0px;
}	
.qualcerti-section h3 {
font-size: 35px;
line-height: 45px;
}
.member-pane {
padding: 60px 0px;
}	
.qualcerti-section p {
width: 90%;
}
#exTab1 {
position: relative;
}	
.cont-tab .image-ares h6 {
font-size: 16px;
width: 88%;
line-height: 26px;
}
.innovation-section {
padding: 60px 0px 0px 0px;
}	
.innovation-section h1 {
font-size: 35px;
line-height: 45px;
}
.innova-title h3 {
font-size: 30px;
line-height: 40px;
}	
.innova-main {
padding: 40px 0px;
}	
.innova-main .innova-item:nth-child(even) {
padding-top: 60px;
padding-bottom: 60px;
}	
.innova-main .innova-item .innova-title {
padding-left: 60px;
}	
.innova-main .innova-item:nth-child(even) .innova-title {
padding-right: 60px;
}	
.innova-title li {
font-size: 16px;
}	
.inno-inner-section {
padding: 60px 0px;
}	
.inno-first-col h1 {
font-size: 35px;
line-height: 45px;
}
.inno-last-col h1 {
font-size: 35px;
line-height: 45px;
}
.req-detail h1 {
font-size: 32px;
line-height: 42px;
}	
.inno-first-col h4 {
font-size: 22px;
line-height: 32px;
}	
.inno-second-sec {
padding-bottom: 30px;
}
.inno-first-sec {
padding-bottom: 30px;
}	
.inno-first-sec .col-img {
flex-shrink: unset;
}
.innovation-title h2 {
font-size: 32px;
line-height: 44px;
}
.left-column .innovation-title {
padding: 0px 0px 0px 30px;
}	
.right-column .innovation-title {
padding: 0px 30px 0px 0px;
}	
.innovation-title p {
line-height: 26px;
}	
.services-first-section {
padding: 50px 0px;
}
.services-inner-title h2 {
font-size: 35px;
line-height: 45px;
}	
.services-second-item {
padding: 60px 0px 0px 0px;
}
.services-second-item h2 {
font-size: 35px;
line-height: 45px;
padding-bottom: 20px;
}	
.services-after-paragraph {
margin-left: calc((100% - 960px)/2);
}
.services-slider .service-slider-item {
padding: 0px 20px 0px 0px;
}	
.services-after-paragraph {
padding: 80px 0px;
}
.services-after-paragraph h3 {
font-size: 35px;
line-height: 45px;
}	
.service-col2 {
width: 50%;
}
.service-col1 {
width: 50%;
}
.sideareabuttons {
height: 100vh !important;
}
.social-section {
padding: 30px 0px 30px;
}
.work-extrusions {
padding-bottom: 20px;
}
.benefit-section {
text-align: center;
}	
.career-inner-zig:nth-child(even) .cont-content {
padding: 0px 30px 0px 0px;
}
.cont-content {
padding: 0px 0px 0px 50px;
}
.benefit-inner h2 {
font-size: 26px;
font-weight: 600;
}	
.recruitment-inner-zig:nth-child(even) .recruitment-content {
padding: 0px 30px 0px 0px;
}	
.recruitment-inner-zig:nth-child(even) {
padding: 40px 0px;
}
.group-ini:nth-child(even) {
padding: 40px 0px 0px 0px;
}
.group-ini {
padding: 30px 0px 30px 0px;
}
.initiative-inner h4 {
font-size: 29px;
padding-top: 20px;
}	
#careertab4 .awsm-selectric-wrapper {
width: 235px;
}
#careertab4 .awsm-filter-item-search {
width: 235px;
}	
#careertab4 .awsm-job-search-btn.awsm-job-search-icon-wrapper {
right: -46em;
}
#careertab4 .date-ini {
margin-right: 20px;
}
#careertab4 .awsm-job-specification-wrapper {
gap: 30px;
}
#careertab4 .awsm-job-more-container .awsm-job-more {
padding: 10px;
}
#careertab4 .awsm-job-more-container {
bottom: 110px;
margin-right: 40px;
}	
.testimonial-thumb h4 {
width: 78%;
}
.cont-content p {
margin: 10px 0px;
}
.innovation-title ul li {
line-height: 30px;
}
}
@media only screen and (max-width: 991px){
.qualcerti-section .new-emailbx h4 {
font-size: 20px;
}
.single-photos-item img {
height: 100px;
}
.related-post {
grid-gap: 10px;
}
.testimonial-content {
grid-gap: 20px;
}
.csr-second-section {
margin-bottom: 100px;
}
.sliderInner .inner-content .text h2 {
font-size: 38px;
margin-bottom: 20px;
}
.sliderInner .inner-content .text h2 span {
padding-right: 10px;
font-size: 55px;
}
.news-items .news-first .news-item:first-child .news-title {
left: 10px;
}	
.csr-section {
padding: 60px 0px;
}
.csr-first {
grid-gap: 60px;
}	
.csr-title h2 {
font-size: 25px;
line-height: 35px;
}	
.csr-title p {
line-height: 25px;
}
.csr-inner-title h2 {
font-size: 25px;
line-height: 35px;
}	
.csr-second-title h3 {
font-size: 20px;
line-height: 30px;
}	
.csr-second-title p {
line-height: 25px;
}
.csr-after p {
line-height: 25px;
}
.csr-inner-title p {
line-height: 25px;
}	
.csr-inner-items {
padding: 40px 0px;
}
.csr-after-paragraph {
padding: 0 0 40px;
}	
.csr-second-title {
padding: 20px 0px 0px 20px;
}
.pin-details ul li {
margin-right: 20px;
}
.pin-details h4 {
font-size: 18px;
}
.left-column .csr-title {
padding: 0px 0px 0px 25px;
}	
.right-column .csr-title {
padding: 0px 25px 0px 0px;
}
.custom-news-category span, .custom-news-category a {
font-size: 14px;
}
.news-items .news-first .news-item:first-child .news-title h2 {
font-size: 22px;
line-height: 33px;
}	
.news-items .news-first {
gap: 20px;
}
.news-title {
bottom: 6px;
margin-left: 10px;
}	
.news-title h2 {
font-size: 17px;
padding: 0px;
line-height: 24px;
}	
.media-section {
padding: 30px 0px;
}	
#tabs-content .news-other-section {
padding: 30px 0px 30px;
}	
#tabs-content {
padding: 30px 0px 0px;
}	
#tabs-nav li a {
font-size: 16px;
}
.news-other-section h4 {
font-size: 22px;
line-height: 32px;
}
.yt-item h3 {
margin-top: 20px;
}	
.text-detail h1 {
font-size: 25px;
}	
.text-detail p {
width: 90%;
}	
.download-item {
gap: 20px;
}
.dn-desc h2 {
font-size: 16px;
}
.single-section {
padding: 40px 0px;
}	
.custom-blog-title {
font-size: 23px;
line-height: 33px;
}
.custom-blog-date {
font-size: 16px;
}
.custom-blog-category a {
font-size: 16px;
}	
.related-image img {
width: 90%;
height: 70px;
}
.related-title h2 {
font-size: 15px;
}
.share-blog p {
width: 100%;
}	
.share-blog {
padding-top: 20px;
}	
.project-forms-inner {
padding: 50px 50px 50px 30px;
}
.project-forms-inner select {
padding: 0px 15px;
font-size: 16px;
}	
.project-forms-inner form {
grid-template-columns: 23% 23% 23% auto;
}	
.projects-desc h3:before {
width: 18px;
right: 39px;
top: 0px;
}	
.projects-desc h4 {
font-size: 16px;
line-height: 26px;
width: 70%;
}	
.projects-desc h3 {
font-size: 16px;
line-height: 26px;
}	
#qualicer {
padding: 50px 0px 0px 0px;
}	
.qualcerti-section h3 {
font-size: 30px;
line-height: 40px;
}
.member-pane {
padding: 50px 0px;
}	
.cont-tab {
grid-template-columns: repeat(3, 1fr);
}	
.cont-tab .image-ares {
min-height: 230px;
}
.innovation-section {
padding: 50px 0px 0px 0px;
}	
.innovation-section h1 {
font-size: 33px;
line-height: 40px;
}	
.innova-title h3 {
font-size: 25px;
line-height: 35px;
}
.innova-main {
padding: 30px 0px;
}	
.innova-main .innova-item:nth-child(even) {
padding-top: 40px;
padding-bottom: 40px;
}	
.innova-main .innova-item .innova-title {
padding-left: 40px;
}
.innova-main .innova-item:nth-child(even) .innova-title {
padding-right: 40px;
}
.view-btn a {
font-size: 16px;
padding: 15px 30px;
}	
.inno-inner-section {
padding: 40px 0px;
}	
.inno-first-col h1 {
font-size: 30px;
line-height: 40px;
}
.inno-last-col h1 {
font-size: 30px;
line-height: 40px;
}	
.inno-first-sec {
display: block;
padding-bottom: 30px;
}
.inno-last-sec {
padding-bottom: 20px;
}
.col-img .image-section {
width: 100%;
}
.req-detail h1 {
font-size: 28px;
line-height: 38px;
}	
.req-information {
padding: 0px 10px;
}
.inno-first-col {
padding-bottom: 20px;
}
.inno-second-sec {
display: block;
}	
.inno-second-sec {
padding-bottom: 0px;
}
.inno-second-sec .inno-first-col:nth-child(odd) ul {
padding-top: 10px;
}
.innovation-title h2 {
font-size: 30px;
line-height: 40px;
}
.innovation-first {
grid-gap: 40px;
}
.left-column .innovation-title {
padding: 0px 0px 0px 30px;
width: 50%;
}
.right-column .innovation-title {
padding: 0px 30px 0px 0px;
width:50%;
}	
.innovation-item.right-column .image-section *, .innovation-item.left-column .image-section * {
height: 100%;
position: relative;
}
.services-first-section {
padding: 40px 0px;
}
.services-inner-title h2 {
font-size: 30px;
line-height: 40px;
}	
.services-second-item {
padding: 40px 0px 0px 0px;
margin-bottom: 10px;
}
.services-second-item h2 {
font-size: 30px;
line-height: 40px;
padding-bottom: 20px;
}	
.services-after-paragraph {
margin-left: calc((100% - 720px)/2);
}
.services-after-paragraph {
padding: 50px 0px;
}
.services-after-paragraph h3 {
font-size: 30px;
line-height: 40px;
}	
.service-col1.d-flex.align-items-end {
align-items: start !important;
}
.fancybox-toolbar {
right: 60px !important;
}
.services-second-title h4 {
font-size: 24px;
}
.single-gulfservice .services-second-item .image-section {
margin-bottom: 0;
width: auto;
}
.L-sideimage:before {
width: 211px;
height: 288px;
}
#career-tabs-nav li a {
font-size: 16px;
}	
#career-tabs-nav {
margin: 0 -20px;
}	
#careertab4 .awsm-job-more-container .awsm-job-more {
padding: 10px 15px 10px 15px;
}
#careertab4 .awsm-job-item h2 {
font-size: 20px !important;
}
#careertab4 span {
font-size: 15px;
}	
.initiative-inner h4 {
font-size: 27px;
}
#careertab4 .awsm-job-search-btn.awsm-job-search-icon-wrapper {
right: -36em;
width: 160px;
}
#careertab4 .awsm-filter-item-search {
width: 160px;
}	
#careertab4 .awsm-selectric-wrapper {
width: 160px;
}	
#careertab4 .awsm-job-specification-wrapper {
gap: 30px;
display: block;
}	
#careertab4 .awsm-grid-right-col {
display: block;
}
.testimonial-thumb h4 {
width: 95%;
font-size: 14px;
line-height: 22px;
}
.benefit-inner h2 {
font-size: 22px;
}
.same-social a {
font-size: 15px;
}
.same-social a strong {
margin-left: 20px;
}
.career-section {
padding: 10px 0px 0px 0px;
}
#careertab4 .awsm-selectric span {
font-size: 11px !important;
margin: 0px 0px 0px 40px;
}
#careertab4 .awsm-filter-item-search .awsm-job-form-control {
font-size: 11px;
}
.awsm-grid-item .awsm-job-item {
padding: 50px 30px;
}	
}
@media only screen and (max-width: 767px){
.rtsideareabtn .mainbtns.btn4:after {
bottom: 15px;
left: unset;
right: 14px;
}
.rtsideareabtn .mainbtns.btn4 a {
font-size: 15px;
padding: 15px;
background-color: black;
}
.rtsideareabtn {
display: block;
height: auto !important;
position: relative;
}
.rtsideareabtn .mainbtns.btn4 {
padding: 0;
margin: 5px 0;
writing-mode: initial;
transform: scale(1);
width: 100% !important;
}
ul#career-tabs-nav {
padding-bottom: 0;
}	
.single-items {
display: block;
}
.single-photos-item {
margin-bottom: 10px;
}
.single-photos-item img {
height: auto;
}
.related-image img {
height: auto;
}
.csr-second-section {
margin-bottom: 30px;
}
.firstarea > img {
display: none;
}	
.address-col:nth-child(2) ul li {
margin-bottom: 10px;
}	
.address-col ul li i {
padding-right: 10px;
padding-top: 2px;
}	
.csr-section {
padding: 30px 0px;
}
.csr-first {
grid-gap: 30px;
}	
.csr-title h2 {
font-size: 22px;
line-height: 32px;
}	
.csr-title p {
font-size: 14px;
line-height: 24px;
}
.csr-item.left-column, .csr-item.right-column {
display: block;
}
.csr-title {
width: 100%;
}
.left-column .csr-title {
padding: 15px 0 0 0;
}
.right-column .csr-title {
padding: 15px 0 0 0;
}
.view-btn a {
font-size: 16px;
padding: 20px 30px;
}
.csr-inner-items {
padding: 20px 0px;
}
.csr-after-paragraph {
padding: 0 0 20px;
}
.csr-inner-title h2 {
font-size: 22px;
line-height: 32px;
}	
.csr-second-title h3 {
font-size: 18px;
line-height: 28px;
}	
.csr-second-title {
padding: 20px 0px 0px 0px;
}	
.csr-second-image-section img {
top: 0;
}
.csr-second-item {
margin-bottom: 0px;
}	
.news-other-section h4 {
font-size: 20px;
line-height: initial;
margin-bottom: 0;
}
.news-other-section p {
line-height: 25px;
padding-bottom: 5px;
margin-bottom: 0;
}
.news-items .news-first, .news-items .news-second {
grid-gap: 10px;
}
.cont-tab .image-ares {
min-height: auto;
padding: 30px;
}
ul#tabs-nav li {
padding-right: 9px;
}	
#tabs-nav li a {
font-size: 14px;
}
.media-section {
padding: 20px 0px;
}
#tabs-content .news-other-section {
padding: 20px 0 0;
}
.news-items .news-first {
display: flex;
flex-direction: column;
}	
.news-items .news-second {
display: flex;
flex-direction: column;
}	
.news-items .news-first .news-item:first-child .news-title {
bottom: 70px;
display: block;
}
.news-items .news-first .news-item:first-child .news-title h2 {
font-size: 18px;
line-height: 28px;
}	
.news-title h2 {
font-size: 18px;
padding: 10px 0px;
}	
.news-title {
bottom: 60px;
display: block;
}
.yt-vid-sec {
grid-template-columns: repeat(1, 1fr);
grid-gap: 10px;
}
.yt-item h3 {
font-size: 18px;
line-height: 28px;
}	
.media-photos {
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
}	
.download-list {
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
}	
.dn-desc {
width: 50%;
}
.download-item {
grid-gap: 0;
}	
.text-information {
display: block;
}	
.text-detail h1 {
font-size: 20px;
}	
.text-detail p {
width: 100%;
}	
.downloads-page {
padding-bottom: 20px;
}
.single-section {
padding: 20px 0px;
}	
.custom-blog-title {
font-size: 20px;
line-height: 30px;
}	
.custom-blog-date {
font-size: 14px;
}
.custom-blog-category a {
font-size: 14px;
}	
.single-content {
padding: 20px 0px;
}	
.projects-first {
grid-template-columns: repeat(1, 1fr);
}	
.projects-item .projects-desc {
bottom: 20px;
}
.project-forms-inner form {
grid-template-columns: 100%;
}
.form-col-one .contact-submit {
width: 50%;
}	
.project-form-section {
padding: 30px 0px 0px 0px;
}	
.project-forms-inner {
padding: 40px 20px;
}	
#qualicer {
padding: 30px 0px 0px 0px;
}	
.qualcerti-section h3 {
font-size: 23px;
line-height: 32px;
}
.qualcerti-section p {
width: 100%;
line-height: 25px;
}	
.member-pane {
padding: 10px 0px;
}
.cont-tab {
grid-template-columns: repeat(1, 1fr);
}	
.innovation-section {
padding: 30px 0px 0px 0px;
}	
.innovation-section h1 {
font-size: 25px;
line-height: 35px;
}
.innova-title h3 {
font-size: 22px;
line-height: 32px;
}	
.innova-main {
padding: 20px 0px;
}	
.innova-main .innova-item:nth-child(even) {
padding-top: 30px;
padding-bottom: 30px;
}	
.innova-main .innova-item {
display: block;
}	
.innova-main .innova-item .innova-title {
padding: 30px 0px 0px 0px;
width: 100%;
}	
.inno-inner-section {
padding: 30px 0px;
}	
.inno-first-col h1 {
font-size: 25px;
line-height: 35px;
width: auto;
}
.inno-last-col h1 {
font-size: 25px;
line-height: 35px;
padding-bottom: 0px;
}	
.inno-first-sec {
display: block;
padding-bottom: 10px;
}
.req-detail h1 {
font-size: 25px;
line-height: 35px;
}
.inno-last-col h4 {
font-size: 20px;
}	
.req-information {
padding: 0px 10px;
display: block;
}	
.request-information {
padding: 30px 20px;
}	
.req-detail {
width: auto;
}	
.req-btn-detail {
width: auto;
display: block;
}	
.inno-first-col ul li {
padding-bottom: 8px;
line-height: 25px;
}	
.inno-first-col h4 {
font-size: 20px;
line-height: 30px;
padding-top: 10px;
}	
.inno-second-sec {
padding-bottom: 0px;
display: block;
}	
.inno-last-sec {
padding-bottom: 10px;
}
.service-section {
padding: 40px 0px;
}
.innovation-title h2 {
font-size: 25px;
line-height: 35px;
}
.innovation-first {
grid-gap: 30px;
}
.services-first-section {
padding: 30px 0px;
}
.services-inner-title h2 {
font-size: 25px;
line-height: 35px;
}	
.services-second-item {
padding: 20px 0px 0px 0px;
}
.services-second-item h2 {
font-size: 25px;
line-height: 35px;
padding-bottom: 20px;
}	
.services-after-paragraph {
margin: 0 auto;
}
.services-after-paragraph {
padding: 30px 10px;
}
.services-after-paragraph h3 {
font-size: 25px;
line-height: 35px;
}	
.services-first-section p {
line-height: 22px;
}
.services-second-item {
display: block;
}	
.service-col1, .service-col2 {
width: 100%;
}	
.services-second-title {
padding: 20px 0px 20px 0px;
}	
.services-slider .service-slider-item {
padding: 0;
}
.services-slider {
padding: 20px 0px 0px 0px;
}	
.fancybox-content {
transform: translate(0px, 100px) !important;
}
.fancybox-toolbar {
right: 100px !important;
}
.services-second-title ul li {
padding-bottom: 10px;
}	
.services-second-title h4 {
font-size: 22px;
}
.innovation-item.left-column, .innovation-item.right-column {
display: block;
}
.left-column .innovation-title, .right-column .innovation-title {
padding: 15px 0 0;
width: 100%;
}
.mob-location ul {
border-radius: 5px;
background: #FFF;
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.05);
margin-left: 0;
padding-left: 0;
list-style: none;
padding: 20px 25px 20px 25px;
}
.mob-location ul li i {
font-size: 14px;
margin-top: 5px;
margin-right: 10px;
color: #00AA4F;
}
.mob-location ul li {
color: #232323;
font-family: Euclid Circular A;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 23px;
}
.mob-location ul li:not(:last-child) {
margin-bottom: 10px;
}
.mob-location ul li.country {
display: flex;
justify-content: space-between;
}
.pin img {
transform: scale(0.8);
}	
.mobile-show .pin.pin-canada {
top: 4.6% !important;
left: 2.1% !important;
}	
.mobile-show .pin.pin-turkey {
top: 5% !important;
left: 25% !important;
}	
.mobile-show .pin.pin-dubai {
top: 22% !important;
left: 40% !important;
}	
.mobile-show .pin.pin-india {
top: 10% !important;
left: 60% !important;
}	
.mobile-show .pin.pin-saudi {
top: 35% !important;
}	
.pin.pin-southaf {
top: 25% !important;
right: 0% !important;
}	
.main-navigation li#menu-item-1117, li#menu-item-1118, li#menu-item-1116, #menu-item-1119 {
display: block !important;
}
#career-tabs-nav {
margin: 0px;
display: block;
}
#career-tabs-nav li a {
font-size: 14px;
line-height: 30px;
display: block;
}
.career-tab-section {
padding: 20px 0px 0px 0px;
}	
.career-inner h6 {
width: auto;
}	
.social-inner {
grid-gap: 0px;
display: flex;
flex-direction: column;
}
.same-social {
margin: 5px 0px;
}
.work-extrusions {
padding-bottom: 0;
}
#careertab4 .awsm-grid-right-col {
display: block;
}	
#careertab4 .awsm-job-specification-wrapper {
display: block;
}	
#careertab4 .awsm-job-more-container .awsm-job-more {
font-size: 12px;
display: inline-block;
padding: 6px 15px;
}
.awsm-grid-item .awsm-job-item {
margin-bottom: 15px;
}
.jobs-inner-detail {
padding: 20px 0px 20px 0px;
}	
.career-inner-zig:nth-child(even) {
padding: 10px 0px;
display: block;
}	
.benefit-section {
padding: 20px 0px 0px 0px;
}		
.group-ini:nth-child(even) {
padding: 20px 0px 0px 0px;
}
.initiative-inner h4 {
font-size: 17px;
padding-top: 10px;
line-height: 27px;
}
.career-inner-zig:nth-child(even) .cont-content {
padding: 20px 0px 0px 0px;
}
#careertab4 .awsm-filter-item-search {
width: 100%;
}	
#careertab4 .awsm-selectric-wrapper {
width: 100%;
top: -50px;
}
#career-tabs-nav li a:before {
display: none;
}	
.cont-content p {
margin: 5px 0px;
}	
#careertab4 .awsm-filter-wrap .awsm-filter-items {
width: 100% !important;
display: block !important;
}
#tabs-content {
padding: 0px 0px 0px;
}
.cont-content p {
margin: 10px 0px 0px !important;
}	
#careertab4 .awsm-job-more-container {
margin-top: 0px;
display: block;
position: relative;
bottom: -10px;
margin: 0;
}
#careertab4 .awsm-job-search-btn.awsm-job-search-icon-wrapper {
position: relative;
width: 100%;
display: block;
right: 0;
top: 125px;
}
#careertab4 .awsm-filter-toggle {
display: none;
}
.tab-detail {
padding: 20px 0px;
}
#career-tabs-nav li a:before {
bottom: -40px;
width: 100%;
left: 0;
}
.career-tabs ul {
border: none;
}
.career-inner-zig {
display: block;
}
.cont-image {
width: 100%;
}	
.cont-content {
padding: 30px 0px 0px 0px;
width: 100%;
}	
.awsm-grid-item .awsm-job-item {
padding: 140px 20px;
}	
.recruitment-first-section {
display: block;
}	
.recruitment-first-section p {
width: 100%;
}
.recruitment-inner-zig {
display: block;
}	
.recruitment-image {
width: 100%;
}
.recruitment-content {
width: 100%;
padding: 30px 0px 0px 0px;
}
.recruitment-inner-zig:nth-child(even) {
padding: 20px 0px;
display: block;
}	
.recruitment-inner-zig:nth-child(even) .recruitment-content {
padding: 20px 0px 0px 0px;
}	
.group_initiatives-content-section {
width: 100%;
}	
.benefit-inner {
width: 100%;
}	
.testimonial-content {
flex-direction: column;
gap: 20px;
}	
.testimonial-thumb h4 {
width: 86%;
font-size: 12px;
line-height: 22px;
}	
.testimonial-thumb-width {
padding: 30px 0px 30px 0px;
}
a.awsm-job-item {
display: block !important;
height: auto !important;
padding: 20px 15px !important;
}	
#careertab4 .awsm-job-more-container {
bottom: 0;
margin-top: 15px;
}
.testimonial-thumb {
padding-bottom: 15px;
}
.testimonial-image.slick-current:before {
bottom: -20px;
}
ul#tabs-nav {
padding: 0;
margin-bottom: 20px;
}
}.team-popup_content .inner-cont ul {
margin: 10px;
}
body.home .team-section.projects-section {
display: none;
}
.gt-translate {
display: none;
}
div#details-area > div {
display: inline-block;
vertical-align: top;
border-radius: 20px;
border: 1px solid #E8E8E8;
background: #F5FFFA;
}
div#details-area div h2{
color: #FFF;
font-family: "Articulat CF";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 107.8%; text-transform: uppercase;
border-radius: 20px 20px 0px 0px;
border: 1px solid #E8E8E8;
background: #008D42;
padding: 20px;
padding-right: 40px;
}
div#details-area div ul {
margin-left: 0;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
list-style: none;
padding-right: 20px;
}
div#details-area div ul li{
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 144.8%; text-transform: capitalize;
color:#232323;
}
div#details-area div ul.sing.inlinehai {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 30px;
}
div#details-area div ul.sing.inlinehai.threehai {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 30px;
}
div#wpcf7-f75-o2 form.wpcf7-form{
width:90%;
}
.namerica {
position: absolute;
top: 52%;
left: 3%;
}
.asia {
position: absolute;
top: -10%;
right: 6%;
}
.africa {
position: absolute;
bottom: -15%;
left: 32%;
}
.europe{
position: absolute;
top: -15%;
right: 30%;
}
.austrlia {
position: absolute;
bottom: 40%;
right: 0%;
}
.meast {
position: absolute;
bottom: -5%;
left: 58%;
}
div#details-area .arrow-up {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #FFF;
position: relative;
top: -40px;
background: transparent;
}
div#details-area .contactbox.namer {
position: absolute;
top: 79%;
left: 3%;
display:none;
}
div#details-area .contactbox.mid_east {
bottom: -20%;
left: 15%;
width: 40%;
z-index: 999;
display: none;
}
.custom_info {
display: flex;
flex-wrap: wrap;
}
div#details-area .mid_east .arrow-up {
position: absolute;
right: -30px;
transform: rotate(90deg);
top: 30px;
}
div#details-area .contactbox.asia {
position: absolute;
top: 15%;
right: 0;
display: none;
}
div#details-area .contactbox.australia {
position: absolute;
top: 62%;
right: -130px;
display: none;
}
div#details-area .contactbox.africa {
bottom: -15%;
left: 0;
z-index: 999;
display: none;
}
div#details-area .africa .arrow-up {
position: absolute;
right: -30px;
transform: rotate(90deg);
top: 30px;
}
.custom_info {
display: flex;
}
.custom_info .info {
padding: 0 10px;
}
div#details-area .contactbox.eur {
top: 12%;
left: 10%;
display: none;
}
div#details-area .eur .arrow-up {
right: -80%;
}
div#details-area .contactbox {
position: absolute;
background: #fff;
border: 0;
filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.25));
padding: 20px 20px;
}
div#details-area .contactbox h3{
color: #008D42;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 107.8%; text-transform: uppercase;
margin-bottom:18px;
}
div#details-area .contactbox h4{
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 107.8%; text-transform: uppercase;
margin-bottom:15px;
}
div#details-area .boxhai{
background:#fff;
border:0;
}
div#details-area .contactbox p{
color:#232323;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 144.8%; margin-bottom: 10px;
}
div#details-area .contactbox p i{
color:#008D42;
}
div#details-area .contactbox p a{
color:#232323;
text-decoration:none;
}
div#section_1, div#section_2 {
display: none !important;
}
div#parentDiv input#submitButton {
pointer-events: none !important;
}
li#menu-item-2124, li#menu-item-2125 {
pointer-events: none;
}
.mobile-topp {
display: none;
}
.bg-footer div#block-9 p {
color: white;
}
.bg-footer div#block-9 {
color: white;
}
.heateor_sss_sharing_ul span.heateor_sss_svg {
padding: 7px !important;
}
.about-section .row:last-child {
padding-top: 50px;
}
@font-face {
font-family: 'Articulat CF';
src: url(//gulfex.com/wp-content/themes/gulfex-child/fonts/ArticulatCF-Bold.woff2) format('woff2'),
url(//gulfex.com/wp-content/themes/gulfex-child/fonts/ArticulatCF-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Articulat CF';
src: url(//gulfex.com/wp-content/themes/gulfex-child/fonts/ArticulatCF-DemiBold.woff2) format('woff2'),
url(//gulfex.com/wp-content/themes/gulfex-child/fonts/ArticulatCF-DemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Articulat CF';
src: url(//gulfex.com/wp-content/themes/gulfex-child/fonts/ArticulatCF-Medium.woff2) format('woff2'),
url(//gulfex.com/wp-content/themes/gulfex-child/fonts/ArticulatCF-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Euclid Circular A';
src: url(//gulfex.com/wp-content/themes/gulfex-child/fonts/EuclidCircularA-Regular.woff2) format('woff2'),
url(//gulfex.com/wp-content/themes/gulfex-child/fonts/EuclidCircularA-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Euclid Circular A';
src: url(//gulfex.com/wp-content/themes/gulfex-child/fonts/EuclidCircularA-Bold.woff2) format('woff2'),
url(//gulfex.com/wp-content/themes/gulfex-child/fonts/EuclidCircularA-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@600&display=swap");
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.parentimage.animate {
animation: fadeInDownBig 2s forwards;
visibility: visible;
}
.slide-curve img.animate {
animation: fadeInUpBig 3s forwards;
visibility: visible;
}
.overlay-image.animate {
animation: fadeInUpBig 3s forwards;
visibility: visible;
}
.overlay-image2.animate {
animation: fadeInUpBig 4s forwards;
visibility: visible;
}
.slide-text.animate {
animation: fadeInUpBig 5s forwards;
visibility: visible;
}
img.parentimage {
opacity: 0;
}
.slide-curve img {
opacity: 0;
}
body{
font-family: 'Euclid Circular A' !important;
}
#back-to-top-button {
display: none;
position: fixed;
bottom: 15px;
right: 10px;
padding: 10px 16px;
background-color: #00aa4f;
color: white;
border-radius: 5px;
cursor: pointer;
z-index: 99999;
transition: all 0.5s ease-in;
}
.custom-newsletter {
text-align: center;
padding: 60px 0;
}
.custom-newsletter p {
font-family: Articulat CF !important;
font-size: 24px !important;
margin-top: 30px;
}
.home-btnn {
margin-top: 30px;
margin-bottom: 30px;
}
.home-btnn a {
background-color: #00aa4f;
text-decoration: none;
font-size: 24px;
text-transform: uppercase;
padding: 20px 60px;
display: inline-block;
border-radius: 5px;
transition: all 0.4s ease-in;
}
.home-btnn a:hover {
background-color: #323232;
}
.page{
margin-bottom: 0 !important;
}
body{
overflow-x: hidden;
}
i.fa.fa-angle-right {
padding-left: 15px;
}
.contenttabs a:after,
.contentsection a:after,
.first-part a:after,
.slide-text a:after,
.maindata1 a:after,
.maindata2 a:after,
.projects-section a.viewall:after,
#wpcf7-f141-o1 input[type="submit"]:after{
content: "";
position: absolute;
bottom: 0;
left: -1px;
right: -1px; height: 100%;
transform: scaleY(0);
transform-origin: bottom center;
background: #F7F7F7;
z-index: -1;
transition: transform 0.4s;
border-radius: 50px;
}
.contenttabs a:hover::after,
.contentsection a:hover::after,
.first-part a:hover::after,
.slide-text a:hover::after,
.maindata1 a:hover::after,
.maindata2 a:hover::after,
.projects-section a.viewall:hover::after,
#wpcf7-f141-o1 input[type="submit"]:hover::after {
transform: scaleY(1);
}
.contenttabs a:hover,
.contentsection a:hover,
.contentsection a:hover i,
.first-part a:hover,
.slide-text a:hover,
.maindata1 a:hover,
.maindata2 a:hover,
.projects-section a.viewall:hover,
#wpcf7-f141-o1 input[type="submit"]{
color: #232323 !important;
}
.bounce-up  {
opacity: 0;
-moz-transition: all 700ms ease-out;
-webkit-transition: all 700ms ease-out;
-o-transition: all 700ms ease-out;
transition: all 700ms ease-out;
-moz-transform: translate3d(0px, 200px, 0px);
-webkit-transform: translate3d(0px, 200px, 0px);
-o-transform: translate(0px, 200px);
-ms-transform: translate(0px, 200px);
transform: translate3d(0px, 200, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.bounce-up.in-view {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.blogs-section .col-sm-6 img,
.blogs-section .col-sm-3.first-se img,
.col-sm-3.last-sec img{
transition: all 0.5s ease-in;
overflow: hidden;
}
.blogs-section .col-sm-6:hover img,
.blogs-section .col-sm-3.first-se:hover img,
.col-sm-3.last-sec:hover img{
transform: scale(1.2);
} ul#menu-mainmenu li:hover a {
color: #00ab53;
}
ul#menu-mainmenu ul li:hover a {
color: #00ab53;
}
.maindata1,.maindata2,.maindata3{
display: none;
}
.maindata1.active,
.maindata2.active,
.maindata3.active{
display: block;
}
.maindata1{  background-image: url(//gulfex.com/wp-content/uploads/2024/08/Enquiry-Form.png);
}
.maindata2{
background-image: url(//gulfex.com/wp-content/themes/gulfex-child/images/Showroom.png);
}
.maindata3{
background-image: url(//gulfex.com/wp-content/themes/gulfex-child/images/Form.png);
}
.maindata1 {
position: fixed;
top: 25%;
height: 470px;
width: 470px;
z-index: 999;
right: 0;
}
.maindata2 {
position: fixed;
top: 25%;
height: 501px;
width: 470px;
z-index: 999;
right: 0;
}
.maindata3 {
position: fixed;
top: 25%;
height: 628px;
width: 470px;
z-index: 999;
right: 0;
}
#wpcf7-f141-o1 label {
color: #222;
font-family: Articulat CF;
font-size: 15px;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 10px;
}
#wpcf7-f141-o1 input {
color: #999;
font-family: Articulat CF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: 50px;
border: 1px solid #E8E8E8;
background: #F9F9F9;
padding: 13px 20px;
margin-top: 10px;
width: 100%;
}
#wpcf7-f141-o1 textarea{
color: #999;
font-family: Articulat CF;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: 10px;
border: 1px solid #E8E8E8;
background: #F9F9F9;
padding: 18px;
margin-top: 9px;
width: 100%;
height: 132px;
}
#wpcf7-f141-o1 input[type="submit"] {
float: right;
font-size: 18px;
font-weight: 500;
padding: 18px 50px;
background: #00AA4F;
text-decoration: none;
width: auto;
border-radius: 50px;
position: relative;
z-index: 1;
color: #fff !important;
}
div#wpcf7-f141-o1 {
width: 85%;
margin: 0 auto;
padding-top: 3%;
padding-bottom: 3%;
padding-left: 15% !important;
}
.maindata1 a {
font-family: Articulat CF;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 107.8%;
text-transform: capitalize;
padding: 18px 35px 18px 35px;
background: #00AA4F;
text-decoration: none;
width: auto;
border-radius: 50px;
z-index: 1;
position: relative;
color: #fff;
right: -60%;
top: 75%;
display: inline-block;
}
.maindata2 a{
font-family: Articulat CF;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 107.8%;
text-transform: capitalize;
padding: 18px 35px 18px 35px;
background: #00AA4F;
text-decoration: none;
width: auto;
border-radius: 50px;
z-index: 1;
position: relative;
color: #fff;
right: -60%;
top: 67%;
display: inline-block;
}
.maindata2 p {
position: relative;
top: 70%;
width: 90%;
margin: 0 auto;
padding-left: 23%;
padding-bottom: 24px;
color: #444;
font-family: Euclid Circular A;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 27px;
display: inline-flex;
}
.maindata2 p i {
padding-right: 13px;
position: relative;
top: 6px;
}
header#masthead {
position: absolute;
width: 100%;
z-index: 22;
margin-top: 20px;
padding: 0 100px;
}
ul#menu-secondary-header, ul#menu-mainmenu {
margin-left: 0;
padding-left: 0;
margin-bottom: 0;
}
ul#menu-secondary-header li,
ul#menu-mainmenu li{
list-style: none;
display: inline;
}
ul#menu-secondary-header li a{
color: #FFF;
font-family: Articulat CF;
font-size: 17px;
font-weight: 500;
line-height: 40px; text-transform: capitalize;
text-decoration: none;
}
ul#menu-mainmenu li a{
color: #FFF;
font-family: Articulat CF;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 40px; text-transform: capitalize;
text-decoration: none;
}
ul#menu-mainmenu li:not(:last-child) {
padding-right: 20px;
}
ul#menu-mainmenu li.menu-item-has-children {
padding-right: 45px;
}
ul#menu-mainmenu li ul.sub-menu {padding: 10px 15px;}
ul#menu-mainmenu li ul.sub-menu li {
display: block;
padding: 0;
margin: 0;
}
ul#menu-secondary-header li:not(:last-child) {
padding-right: 30px;
}
nav#secondary-site-navigation,
nav#site-navigation{
text-align: right;
}
body .main-navigation ul{
display: inline-flex;
}
.main-navigation ul#menu-mainmenu ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
top: 100%;
background: #fff;
text-align: left;
display: table;
width: 280px;
padding-left: 17px;
padding-top: 10px;
padding-bottom: 10px;
}
.main-navigation ul#menu-mainmenu ul li a {
color: #333;
font-family: Articulat CF;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 30px;
text-transform: capitalize;
}
.main-navigation ul#menu-mainmenu ul li a:hover {
color: #00ab53;
}
.main-navigation ul ul a {
width: auto !important;
}
.topbar {
display: flex;
justify-content: flex-end;
align-items: center;
}
.gt_options {
position: absolute !important;
background-color: black;
}
.gtranslate_wrapper .gt_float_switcher, .gtranslate_wrapper .gt_float_switcher .gt-selected {
background: transparent;
display: block;
}
.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang,
.gtranslate_wrapper .gt_float_switcher .gt_options a{
color: #fff;
font-family: Articulat CF;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 26px; text-transform: capitalize;
}
.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{
color: #fff;
filter: brightness(0) invert(1);
}
.gtranslate_wrapper .gt-current-lang {
border: 1px solid #ffffff;
background: rgba(49, 48, 48, 0.00);
padding: 5px 15px !important;
}
.gtranslate_wrapper .gt_float_switcher img{
display: none;
}
.gtranslate_wrapper  .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code{
margin-right: 10px;
}
.menu-secondary-header-container {
padding-right: 20px;
}
.border-box {
width: 90%;
height: 0;
border: 1px solid #fff;
margin: 5px 0 6px 0;
float: right;
opacity: 0.2;
}
li.tollnumber a span { color: yellow;
font-weight: 700 !important;
}
.topbar ul.bottom-social {
margin: 0;
padding: 0;
display: flex;
align-items: center;
border-left: 1px dotted #fff;
padding-left: 15px;
}
.topbar .bottom-social li {
padding-right: 15px;
}  .postid-783 .service-p-after ul {
column-count: 4;
margin-bottom: 10px;
}
@media only screen and (max-width: 767px){
.postid-783 .service-p-after ul {
column-count: 2;
}
} .firstarea {
position: relative;
}
video#mainvideo {
width: 100%;
height: 75vh;
object-fit: cover;
position: relative;
z-index: 11;
display: block;
} .sideareabuttons {
position: fixed;
top: 0;
right: 0;
z-index: 999;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 70px;
}
.sideareabuttons .mainbtns {
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-lr;
-webkit-transform: scale(-1);
transform: scale(-1);
padding: 20px;
border-radius: 0 5px 5px 0;
background: rgb(0 0 0 / 40%);
backdrop-filter: blur(17px);
margin: 10px 0;
cursor: pointer;
}
.mainbtns h2 {
color: #fff;
font-family: Articulat CF;
font-size: 20px;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
display: flex;
align-items: center;
margin: 0;
}
.mainbtns h2:after {
content: "";
background: url(//gulfex.com/wp-content/themes/gulfex-child/images/ButtonBefore.png);
width: 20px;
height: 20px;
display: block;
margin-top: 10px;
transform: rotate(180deg);
}
.firstarea > img {
position: absolute;
bottom: 5%;
z-index: 999;
left: 0;
margin: 0 auto;
right: 0;
cursor: pointer;
}
.slider-main {
position: relative;
}
.sliderInner {
position: relative;
}
.sliderInner .inner-content {
position: absolute;
bottom: 0;
top: 0;
width: 100%;
align-items: center;
display: flex;
}
.sliderInner .inner-content .text {
color: white;
}
.sliderInner .inner-content .text h2 {
font-size: 60px;
margin-bottom: 40px;
}
.sliderInner .inner-content .text h2 span {
font-family: Articulat CF;
font-size: 85px;
font-weight: 600;
padding-right: 20px;
}
.home-arrow {
display: flex;
position: absolute;
bottom: 200px;
left: 120px;
}
.home-arrow .slick-arrow {
background-color: white;
border: none;
padding: 0;
width: 50px;
height: 50px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
color: #00aa4f;
margin: 0 5px;
}  .custom-counter {
padding: 40px 0;
}
div#counter-box-container {
display: flex;
justify-content: space-between;
}
.counter-box {
position: relative;
}
.counter-box:before {
content: "";
border-right: 1px solid #b2e5ca;
position: absolute;
top: 0;
bottom: 0;
right: -25%;
margin: auto;
height: 70%;
}
.counter-box:last-child:before {
opacity: 0;
}
.counter-icon {
display: flex;
align-items: center;
}
.num-span {
color: #232323;
font-family: Euclid Circular A;
font-size: 75px;
font-weight: 600;
text-transform: capitalize;
display: flex;
margin-left: 20px;
}
.counter-box p {
width: 190px;
text-transform: capitalize
}
#anodizing-counter .counter-box p {
width: 240px;
text-transform: capitalize;
}
.prefixtext{
text-transform: none;
}
.postid-779 .services-first-section {
border-top: 1px solid rgb(0 170 79 / 30%);
}  .detailsection p {
color: #444;
font-family: Euclid Circular A;
font-size: 20px;
font-weight: 600;
line-height: 24px;
text-transform: capitalize;
margin-bottom: 0;
}
.detailsection h4{
color: #232323;
font-family: Euclid Circular A;
font-size: 75px;
font-style: normal;
font-weight: 600;
line-height: 84px; text-transform: capitalize;
}
.detailsection img{
margin-right: 20px;
}
.company-details {
padding-top: 50px;
padding-bottom: 50px;
}
.company-details .d-flex {
align-items: center;
}
.detailsection {
border-right: 1px solid rgba(0, 170, 79, .3);
padding: 20px 0;
}
.detailsection.thrd-item {
border-right: none;
display: flex;
justify-content: flex-end !important; 
}
.detailsection.sec-item .d-flex {
justify-content: center;
}
.detailsection.thrd-item .d-flex {
justify-content: flex-end;
}
.detailsection p {
width: 50%;
}
div#anodizing-counter div#counter-box-container {
justify-content: space-evenly;
}  .maintabs-area .tabs {
display: flex;
}
.maintabs-area .tab {
cursor: pointer;
width: 25%;
text-align: center;
padding-bottom: 60px;
}
.maintabs-area .tab.active.tab1{
background-image: url(//gulfex.com/wp-content/themes/gulfex-child/images/1-1.png);
background-size: 100% 100%;
background-repeat: no-repeat;
color: #D9D9D9;
}
.maintabs-area .tab.active.tab2{
background-image: url(//gulfex.com/wp-content/themes/gulfex-child/images/2-2.png);
background-size: 100% 100%;
background-repeat: no-repeat;
color: #D9D9D9;
}
.maintabs-area .tab.active.tab3{
background-image: url(//gulfex.com/wp-content/themes/gulfex-child/images/3-3.png);
background-size: 100% 100%;
background-repeat: no-repeat;
color: #D9D9D9;
}
.maintabs-area .tab.active.tab4{
background-image: url(//gulfex.com/wp-content/themes/gulfex-child/images/4-4.png);
background-size: 100% 100%;
background-repeat: no-repeat;
color: #D9D9D9;
}
.maintabs-area .tab-content .content {
display: none;
}
.maintabs-area .tab-content .content.active {
display: block;
}
.maintabs-area .tab{
color: var(--d-9-d-9-d-9, #000);
text-align: center;
font-family: Articulat CF;
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: 123.8%; text-transform: capitalize;
}
.maintabs-area .tab span{
color: #C5C5C5;
display: block;
font-family: Articulat CF;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 123.8%; text-transform: capitalize;
margin-top: 62px;
}
.contenttabs{
padding-top: 194px;
padding-bottom: 194px;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.contenttabs h2{
color: var(--d-9-d-9-d-9, #FFF);
font-family: Articulat CF;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: 114.8%; text-transform: capitalize; 
}
.contenttabs ul li {
color: var(--d-9-d-9-d-9, #FFF);
font-family: Euclid Circular A;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 200%;
text-transform: capitalize;
margin-bottom: 5px;
}
.contenttabs a{
color: #FFF;
font-family: Articulat CF;
font-size: 18px;
font-weight: 500;
line-height: 107.8%; text-transform: capitalize;
padding: 20px 33px 22px 33px;
background: #00AA4F;
text-decoration: none;
width: auto;
border-radius: 50px;
z-index: 1;
position: relative;
}
ul.tabsbulet {
margin-left: 1.7rem;
margin-bottom: 30px;
}
.maintabs-area .tab span img {
margin-top: -9px;
padding-left: 9px;
width: auto;
}  .flagship-section h5 {
color: #FFF;
font-family: Articulat CF;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 107.8%;
text-transform: capitalize;
margin-bottom: 17px;
}
.flagship-section h5:before{
content: url(//gulfex.com/wp-content/themes/gulfex-child/images/whitelogo.png);
position: relative;
padding-right: 12px;
}
.flagship-section h2{
color: var(--d-9-d-9-d-9, #FFF);
font-family: Articulat CF;
font-size: 52px;
font-style: normal;
font-weight: 600;
line-height: 116.3%;
width: 40%;
margin-bottom: 25px;
}
.first-part a{
color: #FFF;
font-family: Articulat CF;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 107.8%; text-transform: capitalize;
background: #00AA4F;
text-decoration: none;
width: auto;
border-radius: 50px;
padding: 20px 33px 22px 33px;
display: inline-block;
position: relative;
z-index: 1;
}
.row.first-part {
display: block;
}
.flagship-section {
padding-top: 203px;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.flagship-section .botm.row{
margin-top: 250px;
padding-bottom: 62px;
}
.bg-area {
padding: 47px 98px 47px 49px;
background: rgba(0, 0, 0, 0.20);
backdrop-filter: blur(39px);
}
.bg-area {
display: flex;
align-items: start;
}
.right h4 {
color: var(--d-9-d-9-d-9, #FFF);
font-family: Articulat CF;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 116.3%;
}
.right p{
color: #FFF;
font-family: Euclid Circular A;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}
.bg-area img {
width: 20%;
padding-right: 20px;
vertical-align: text-bottom;
}
.bg-area .right {
width: 79%;
display: inline-block;
position: relative;
}  .quality-section h3 {
color: var(--grey, #232323);
font-family: Articulat CF;
font-size: 52px;
font-style: normal;
font-weight: 600;
text-align: center;
margin-bottom: 10px;
}
.quality-section p {
color: #444;
text-align: center;
font-family: Euclid Circular A;
font-size: 16px;
font-weight: 400;
line-height: 28px;
width: 45%;
margin: 0 auto;
display: block;
margin-bottom: 30px;
}
.quality-section {
padding-top: 50px;
padding-bottom: 50px;
position: relative;
}
.col.image-ares span {
display: none;
position: absolute;
width: 80%;
left: 0px;
right: 0px;
text-align: center;
top: 29%;
margin: 0 auto;
}
ul.nav li.nav-item a{
color: var(--d-9-d-9-d-9, #C0BDBB);
font-family: Articulat CF;
font-size: 20px;
font-weight: 600;
text-transform: capitalize;
border-radius: 40px;
background: #FFF;
border: 1px solid var(--d-9-d-9-d-9, #C0BDBB);
padding: 20px 40px;
text-decoration: none;
}
ul.nav li.nav-item.active a{
color: var(--d-9-d-9-d-9, #00AB53);
border: 1px solid var(--d-9-d-9-d-9, #00AB53);
}
ul.nav li.nav-item {
padding-right: 10px;
}
ul.nav li.nav-item:last-child{
padding-right: 20px;
}
ul.nav {
text-align: center;
margin: 0 auto;
display: inline-block;
width: 100%;
margin-bottom: 40px;
}
ul.nav li{
display: inline;
} h2#swal2-title {
color: #232323;
font-family: Articulat CF;
font-size: 40px;
font-weight: 600;
}
div#swal2-content {
color: #232323;
font-family: Euclid Circular A;
font-size: 18px;
font-weight: 400;
margin-bottom: 30px;
} .pie-chart {
position: relative;
width: 700px;
height: 665.74px;
border-radius: 50%; }
.slice {
position: absolute;
width: 100%;
height: 100%;
transform-origin: center;
cursor: pointer;
}
.slice img {
object-fit: cover;
position: absolute;
top: 0;
left: 0px;
transform: translate(0%, 0%);
filter: grayscale(100%);
z-index: 999;
}
.slice.active img{
filter: grayscale(0%);
}
.slice:nth-child(1) img {
top: -15px;
left: -35px;
}
.slice:nth-child(2) img {
left: 239px;
}
.slice:nth-child(3) img {
top: 325px;
left: 238px;
}
.slice:nth-child(4) img {
top: 328px;
left: -32px;
}
.slice:nth-child(5) img {
top: 123px;
left: -98px;
}
.slice.slice-1.active {
top: -22px;
left: -8px;
}
.slice.slice-2.active {
left: 22px;
top: -15px;
}
.slice.slice-3.active {
top: 14px;
left: 24px;
}
.slice.slice-4.active {
top: 18px;
left: -13px;
}
.slice.slice-5.active {
top: 3px;
left: -16px;
}
.whatweoffer-section {
padding-top: 60px;
padding-bottom: 50px;
background-size: cover;
}
.detail-section h5{
color: var(--grey, #232323);
font-family: Articulat CF;
font-size: 20px;
font-weight: 500;
line-height: 107.8%; text-transform: capitalize;
margin-bottom: 23px;
}
.detail-section h5:before{
content: url(//gulfex.com/wp-content/themes/gulfex-child/images/heading-icon.png);
position: relative;
padding-right: 12px;
}
.detail-section h6 {
color: var(--grey, #232323);
font-family: Articulat CF;
font-size: 52px;
font-weight: 600;
margin-bottom: 30px;
}
.detail-section p {
color: var(--grey, #232323);
font-family: Euclid Circular A;
font-size: 18px;
font-weight: 400;
line-height: 30.863px;
width: 70%;
padding-bottom: 15px;
}
.col-lg-6.piechartrgt ul.nav.nav-tabs {
text-align: left;
margin-bottom: 60px;
border-bottom: 1px solid #E5E5E5;
padding-bottom: 5px;
}
.col-lg-6.piechartrgt ul.nav.nav-tabs li:not(:last-child) {
padding-right: 52px;
}
.piechartrgt ul.nav.nav-tabs li {
font-size: inherit;
}
.col-lg-6.piechartrgt ul.nav.nav-tabs li a{
color: var(--d-9-d-9-d-9, #C0BDBB);
font-family: FONTSPRING DEMO - Articulat CF Demi Bold;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 116.3%; text-transform: uppercase;
text-decoration: none;
}
.col-lg-6.piechartrgt ul.nav.nav-tabs li a.active{
color: var(--grey, #232323);
border-bottom: 2px solid #00AB53;
padding-bottom: 6px;
}
.tab-content .tab-pane.active {
opacity: 1;
}
.contentsection p, .contentsection ul li{
color: var(--grey, #232323);
font-family: Euclid Circular A;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30.863px;
}
.contentsection p {
margin-bottom: 50px;
}
.contentsection ul{
margin-left: 0;
}
.contentsection a{
color: #FFF;
font-family: Articulat CF;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 107.8%;
text-transform: capitalize;
background: #00AA4F;
text-decoration: none;
width: auto;
border-radius: 50px;
padding: 20px 35px 20px 35px;
display: inline-block;
margin-top: 30px;
position: relative;
z-index: 1;
}
.contentsection a i{
color: var(--d-9-d-9-d-9, #FFF);
}  .team-section { position: relative;
z-index: 9999;
}
.team-section {
background: url(//gulfex.com/wp-content/themes/gulfex-child/images/TeamBG.png);
background-size: cover;
}
.team-section {
padding: 0 !important;
padding-top: 60px !important;
text-align: center;
}
.team_inner {
max-width: 45%;
margin: 0 auto;
}
.team_area {
position: relative;
}
.meet_btn.contentsection {
position: absolute;
bottom: 60px;
width: 100%;
}
.meet_btn.contentsection a {
margin-top: 0 !important;
}  .page-template-about .team_inner {
max-width: 65%;
}
.page-template-about .team-section {
padding: 0 !important;
padding-bottom: 70px !important;
background: none;
}
.team_members {
display: flex;
text-align: left;
padding-top: 60px;
}
.team_members .team-col1 {
width: 45%;
}
.team_members .team-col2 {
width: 55%;
}
.team-item {
display: flex;
align-items: center;
cursor: pointer;
}
.team-col1 .team-item {
position: sticky;
top: 50px;
}
.team-cont {
margin-top: -50px;
}
.team-item .team-image {
position: relative;
z-index: -1;
}
.team-col1 .team-item .team-image {
width: 70%;
}
.team-col1 .team-item .team-cont {
width: 30%;
margin-left: -40px;
}
.team-cont h4, .team_grid .popup-content .team-cont h4 {
color: #000;
font-family: Articulat CF;
font-size: 40px;
font-weight: 600;
}
.team-cont p.subtitle {
color: #7C7C7C !important;
font-family: Articulat CF !important;
font-size: 14px !important;
font-weight: 600 !important;
}
.team_grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px 10px;
}
.team_grid .team-cont h4 {
font-size: 24px;
} .team_grid .team-item .team-image {
width: 60%;
}
.team_grid .team-item .team-cont {
width: 50%;
margin-left: -20px;
}   .teamPopup {
position: fixed;
top: 0;
bottom: 0;
z-index: 999999999;
left: 0;
right: 0;
width: 100% !important;
height: 100%;
display: none;
}
.inner-popup {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
background-color: rgb(0 0 0 / 80%);
}
.team-popup_content {
display: flex;
align-items: center;
position: relative;
background-color: white;
padding: 60px 100px;
}
.team-popup_content:before {
content: "";
background: url(//gulfex.com/wp-content/themes/gulfex-child/images/InnerPagesSide.png) no-repeat;
width: 281px;
height: 338px;
background-size: contain;
position: absolute;
right: 0;
top: 0;
display: block;
}
.team-popup_content span.close {
border: none;
background-color: transparent !important;
}
.team-popup_content span.close:before {
font-size: 30px;
}
.popup-image {
width: 40%;
position: relative;
}
.popup-image img {
position: relative;
} .popup-content {
width: 60%;
padding-left: 40px;
}
.popup-content .team-cont {
margin-top: 0;
width: 100% !important;
margin-left: 0 !important;
}
.inner-cont {
height: 370px;
overflow-x: auto;
padding-right: 20px;
}
.inner-cont::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
border-radius: 10px;
background-color: #F2F2F2;
}
.inner-cont::-webkit-scrollbar{
width: 8px;
background-color: #F5F5F5;
}
.inner-cont::-webkit-scrollbar-thumb{
border-radius: 10px;
background-color: #008d42;
} .company-history {
padding: 60px 0;
}
.company_top {
text-align: center;
border-bottom: 1px solid #E1E1E1;
margin-bottom: 70px;
padding-bottom: 20px;
}
.company-timeline {
background: url(//gulfex.com/wp-content/uploads/2024/07/timelineBG.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.slide_time .inner-time {
padding: 100px 0;
}
.custom-timeline {
display: flex;
flex-direction: column;
text-align: center;
margin-bottom: -100px;
}
.inner-time.slick-current .custom-timeline {
flex-direction: column-reverse;
margin-top: -75px;
margin-bottom: 0;
}
.sliderImage {
position: relative;
}
.sliderImage img {
margin: 0 auto;
}
.sliderImage img.second-image {
position: absolute;
right: 0;
top: -50px;
z-index: -1;
}
.slick-current .sliderImage img.second-image {
top: unset;
bottom: -50px;
right: unset;
}
.sliderYear {
margin-bottom: 40px;
}
.slick-current .sliderYear {
margin-bottom: 0;
margin-top: 40px;
}
.inner-time:not(.slick-current) .sliderYear:before {
content: "";
width: 20px;
height: 20px;
background-color: #008D42;
border-radius: 30px;
margin: 0 auto;
box-shadow: 0 0 0 10px #A8FFD1;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.inner-time:not(.slick-current) .sliderYear:after {
content: "";
background-color: #008D42;
width: 3px;
height: 160px;
display: block;
margin: 0 auto;
}
.inner-time.slick-current .sliderYear:after {
content: "";
width: 20px;
height: 20px;
background-color: #008D42;
border-radius: 30px;
margin: 0 auto;
box-shadow: 0 0 0 10px #A8FFD1;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.inner-time.slick-current .sliderYear:before {
content: "";
background-color: #008D42;
width: 3px;
height: 160px;
display: block;
margin: 0 auto;
}
.sliderYear {
position: relative;
}
.sliderImage {
position: relative;
height: 190px;
}
.slick-current .sliderImage {
margin-bottom: 0;
}
.timeline-title {
position: relative;
top: 0;
}
.sliderYear h2 {
color: #F8FFF9;
font-family: "Articulat CF";
font-size: 100px;
font-weight: 600;
margin-bottom: 0;
}
.company-timeline button.slick-arrow {
width: 45px;
height: 45px;
background-color: #006A31;
border-radius: 30px;
}
.company-timeline button.slick-prev:before {
content: "\f104";
font-family: 'FontAwesome';
color: white;
opacity: 1;
}
.company-timeline button.slick-next:before {
content: "\f105";
font-family: 'FontAwesome';
color: white;
opacity: 1;
}  .clip.slick-current.slick-active:after {
content: url(//gulfex.com/wp-content/themes/gulfex-child/images/shapeproject.png);
position: absolute;
bottom: -8%;
left: 0;
right: 0;
width: 100%;
height: 100%;
transform: scale(1.2);
}
.clip .name,
.clip .contr{
display: none;
}
.button-center {
text-align: center;
}
.projects-section p {
margin-bottom: 50px;
width: 100%;
}
.projects-section a.viewall{
color: #FFF;
font-family: Articulat CF;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 107.8%; text-transform: capitalize;
padding: 20px 35px 20px 35px;
background: #00AA4F;
text-decoration: none;
border-radius: 50px;
z-index: 1;
position: relative;
width: auto;
margin-top: 2%;
display: inline-block;
}
.clip.slick-current.slick-active .name{
color: #FFF;
font-family: Articulat CF;
font-size: 36.919px;
font-style: normal;
font-weight: 700;
line-height: 116.3%;
position: absolute;
bottom: 10%;
left: 4%;
display: block;
z-index: 22;
}
.clip.slick-current.slick-active .contr {
color: var(--d-9-d-9-d-9, #FFF);
font-family: Articulat CF;
font-size: 28.068px;
font-style: normal;
font-weight: 700;
line-height: 116.3%;
position: absolute;
right: 5%;
bottom: 10%;
display: block;
z-index: 22;
opacity: 1;
}
.clip span.contr {
display: flex !important;
align-items: center;
opacity: 0;
}
span.contr:before {
content: "";
background: url(//gulfex.com/wp-content/uploads/2023/09/LocationIcon.png);
width: 29px;
height: 35px;
display: block;
margin-right: 15px;
}
.center img{
position:relative;
text-align:center;
.top {
font-size: 70%;
height: 70%;
margin: 0 auto;
}
.bottom {
font-size: 70%;
width: 70%;
margin: 0 auto;
}
}
.center .clip {
// height: 200px;
overflow: hidden;
bottom: 0;
}
.center .slick-slide {
// height: 500px;
}
.center .slick-center img{
transform:scale(1.0);
color:#e67e22;
opacity:1;
.top {
font-size: 90%;
width: 90%;
background-color: rgba(blue, 0.3);
}
.bottom {
font-size: 90%;
width: 90%;
background-color: rgba(green, 0.3);
}
}
.center img{
opacity:0.8;
transition:all 200ms ease;
bottom: 0;
transform:scale(0.9);
}
.projects-section {
padding: 40px 0px 50px;
background-size: cover;
}
.projects-section .container-fluid{
padding-left: 0;
padding-right: 0;
}
.projects-contt {
margin-bottom: 30px;
}  .testimonial-section {
background-color: #FBFBFB;
padding: 50px 0;
}
.testimonial-section h2, .testimonial-section h5 {
text-align: center;
}
div#main-testimonial {
margin-bottom: 0 !important;
}
.inner-testimonial {
padding: 35px 15px;
}  .testimonial-col {
padding: 35px 20px;
border-radius: 12px;
background: #FFF;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
}
.testimonial-head {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.testimonial-info {
padding-left: 15px;
}
.testimonial-info h4 {
color: #000;
font-size: 18px;
font-weight: 700;
margin-bottom: 0;
}
.testimonial-info p {
color: #000;
font-size: 12px;
font-weight: 400;
margin-bottom: 0;
}
.testimonial-detail p {
color: #000;
text-align: center;
font-size: 18px;
font-weight: 400;
margin-bottom: 0;
}
.testimonial-arrow .slick-arrow {
background-color: white;
border: none;
color: #000000;
width: auto;
height: auto;
font-size: 20px;
padding: 0;
margin: 0 100px;
position: relative;
top: -22px;
}
.testimonial-arrow .slick-arrow:focus {
outline: none !important;
}
.testimonial-arrow {
display: flex;
align-items: center;
justify-content: center;
}
div#main-testimonial ul.slick-dots {
position: relative;
bottom: 0;
display: flex;
justify-content: center;
padding-top: 30px;
}
div#main-testimonial ul.slick-dots li {
width: auto !important;
height: auto !important;
margin: 0;
padding: 0 5px;
}
div#main-testimonial ul.slick-dots li.slick-active button {
background-color: #00aa4f;
font-size: 0 !important;
border-radius: 30px;
}
div#main-testimonial ul.slick-dots li.slick-active button:before {
display: none;
}
div#main-testimonial ul.slick-dots li:hover button {
background-color: #00aa4f;
}
div#main-testimonial li button {
background-color: #d8d8d8;
font-size: 0 !important;
border-radius: 30px;
width: 15px !important;
height: 15px !important;
}
div#main-testimonial li button:before {
display: none;
}  .slick-slider {
width: 100%;
}
.slick-slide {
position: relative;
}
.slide-content {
position: relative;
max-width: 85%;
margin-left: auto;
} .slide-content img {
width: 100%;
display: block;
height: auto;
}
.sliderarea .slick-slide {
padding: 60px 0;
}
.overlay-image,
.overlay-image2 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
opacity: 0;
transition: opacity 0.3s ease;
}
.slide-text {
position: absolute;
bottom: 15%;
left: -80px;
color: #fff;
z-index: 999;
}
.slick-slide.slick-active .overlay-image {
opacity: 1;
width: auto;
left: 45%;
}
.sliderarea {
padding-top: 30px;
padding-bottom: 30px;
background: #06092E;
}
.slick-slide.slick-active img.overlay-image2 {
opacity: .5 !important;
left: 45%;
z-index: 2;
width: auto;
height: 100vh;
}
.sliderarea h2 {
font-family: 'Outfit', sans-serif;
font-size: 170px;
font-style: normal;
font-weight: 600;
line-height: 70px;
opacity: 0.3;
position: absolute;
top: 10%;
left: 10%;
z-index: 0;
color: #06092E;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: white;
}
.slide-text h3{
color: #FFF;
font-family: Articulat CF;
font-size: 80px;
font-style: normal;
font-weight: 600;
line-height: 90px; text-transform: capitalize;
margin-bottom: 36px;
width: 50%;             
}
.slide-text a{
color: #fff;
font-family: Articulat CF;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 107.8%;
text-transform: capitalize;
background: #00AA4F;
text-decoration: none;
width: auto;
border-radius: 50px;
padding: 20px 33px 22px 33px;
display: inline-block;
position: relative;
z-index: 1;
}
.slides-numbers {
position: absolute;
left: 0;
top: 45%;
}
.slides-numbers span{
color: #FFF;
font-family: Articulat CF;
font-size: 45px;
font-style: normal;
font-weight: 600;
line-height: 60px; text-transform: uppercase;
display: block;
width: 50% !important;
overflow: hidden;
text-align: center;
}
.slides-numbers span.active{
border-bottom: 2px solid #fff;
padding-top: 72%;
}
.slides-numbers {
background-image: url(//gulfex.com/wp-content/themes/gulfex-child/images/rightcircle.png);
background-repeat: no-repeat;
width: 145px !important;
height: 308px !important;
}
.slide-curve {
position: absolute;
z-index: 999;
top: 0;
width: 100%;
right: 0;
}
.slide-curve:after {
content: "";
background: url(//gulfex.com/wp-content/themes/gulfex-child/images/SliderShape.png);
background-size: 100% 100%;
position: absolute;
width: 100%;
height: 100%;
right: 0;
z-index: 999;
top: 0;
mix-blend-mode: hard-light;
}  .blogs-section h5, .blogs-section h2 {
text-align: center;
}
.blogs-section p{
margin-bottom: 20px;
}
.col-sm-3 .item img,
.col-sm-6 .item img{
width: 100%;
}
.blogs-section .col-sm-6 {
padding-left: 0;
padding-right: 0;
}
.blogs-section .col-sm-3.first-se{
padding-left: 0;
}
.col-sm-3 .item {
position: relative;
display: block;
margin-bottom: 7px !important;
width: 100%;
overflow: hidden;
}
.col-sm-3 .item:last-child{
margin-bottom: 0px !important;
overflow: hidden;
}
.col-sm-6 .item{
position: relative;
display: inline-block;
width: 100%;
overflow: hidden;
} 
.col-sm-6 .item img {
display: block;
width: 100%;
height: 659px;
object-fit: cover;
}
.col-sm-6 .item-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.87) 100%);
width: 100%;
height: 100%;
}
.col-sm-3 .item img {
display: block;
width: 100%;
height: 326px;
object-fit: cover;
}
.col-sm-3 .item-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.87) 100%);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
width: 100%;
height: 100%;
}
.col-sm-3 .item-content p {
color: #FFF;
font-family: Euclid Circular A;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
padding-top: 30%;
padding-left: 5%;
margin-bottom: 10px;
}
.col-sm-3 .item-content h4 {
color: #FFF;
font-family: Articulat CF;
font-size: 25px;
font-weight: 400;
line-height: 35px;
padding-left: 5%;
margin-bottom: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 80%;
}
.col-sm-3 .item-content a {
color: #FFF;
font-family: Articulat CF;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
padding-left: 5%;
text-decoration: none;
} .col-sm-3 .item-content i,
.col-sm-3 i,
.col-sm-6 i {
margin-right: 5px;
color: #FFC700;
}
.item.grn {
height: 326px;
background: #149939;
padding-left: 6%;
}
.item.blue {
height: 326px;
background: #0D135B;
padding-left: 6%;
}
.top-part p{
color: #FFF;
font-family: Euclid Circular A;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
padding-top: 32px;
padding-bottom: 22px;
}
.top-part h4 {
color: #FFF;
font-family: Articulat CF;
font-size: 25px;
font-style: normal;
font-weight: 400;
width: 90%;
}
.bottom-part {
position: absolute;
bottom: 10%;
}
.bottom-part a{
color: #FFF;
font-family: Articulat CF;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
text-decoration: none;
}
.col-sm-3.last-sec{
padding-right: 0;
}
.col-sm-6 .item-content p {
padding-top: 33%;
padding-left: 12%;
color: #FFF;
font-family: Euclid Circular A;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}
.col-sm-6 .item-content h4{
color: #FFF;
font-family: Articulat CF;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 50px;
padding-left: 12%;
margin-bottom: 20px;
width: 80%;
}
.col-sm-6 .item-content h6{
color: #FFF;
font-family: Euclid Circular A;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
padding-left: 12%;
margin-bottom: 20px;
width: 75%;
}
.col-sm-6 .item-content a {
color: #FFF;
font-family: Articulat CF;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
padding-left: 12%;
text-decoration: none;
}
.blogs-section {
padding-top: 50px;
}  .main-container {
min-height: auto;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
height: 800px;
overflow: hidden;
}
.main {
margin: 0px auto;
width: 650px;
height: 650px;
position: relative;
}
.big-circle {
height: 100%;
width: 100%;
position: relative;
border-radius: 50%;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
animation: Rotate 20s linear infinite;
-webkit-animation: Rotate 20s linear infinite;
background: #F2FFF3;
}
.big-circle .icon-block {
height: 140px;
width: 140px;
background: #fff !important;
filter: drop-shadow(0px 4px 33px rgba(0, 0, 0, 0.05));
}
.circle .icon-block {
height: 110px;
width: 110px;
background: #fff;
filter: drop-shadow(0px 4px 34px rgba(0, 0, 0, 0.05));
}
.icon-block {
position: absolute;
border-radius: 50%;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.icon-block img {
margin: 0px auto;
width: 100%;
animation: Rotate-reverse 20s linear infinite;
-webkit-animation: Rotate-reverse 20s linear infinite;
}
.icon-block:first-child {
top: 0;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.icon-block:nth-child(2) {
top: 25%;
right: 5%;
transform: translate(50%, -50%);
-webkit-transform: translate(50%, -50%);
}
.icon-block:nth-child(3) {
bottom: 20%;
left: 90%;
transform: translate(-50%, 50%);
-webkit-transform: translate(-50%, 50%);
}
.icon-block:nth-child(4) {
top: 90%;
left: 20%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.icon-block:nth-child(5) {
top: 50%;
left: 0;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.icon-block:nth-child(6) {
top: 22%;
left: 7%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
} .circle {
animation: circle-rotate 20s linear infinite;
-webkit-animation: circle-rotate 20s linear infinite;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
-webkit-transform: translate(-50%, -50%) rotate(45deg);
width: 50%;
height: 50%;
border-radius: 50%;
background:#FFFFFF;
}
.circle .icon-block img {
animation: img-rotate 20s linear infinite;
-webkit-animation: img-rotate 20s linear infinite;
} .center-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.center-logo img {
max-width: 200px;
} @keyframes Rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes Rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes Rotate-reverse {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
}
@-webkit-keyframes Rotate-reverse {
from {
-webkit-transform: rotate(360deg);
}
to {
-webkit-transform: rotate(0deg);
}
}
@keyframes circle-rotate {
from {
transform: translate(-50%, -50%) rotate(45deg);
}
to {
transform: translate(-50%, -50%) rotate(405deg);
}
}
@-webkit-keyframes circle-rotate {
from {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
}
to {
-webkit-transform: translate(-50%, -50%) rotate(405deg);
}
}
@keyframes img-rotate {
from {
transform: rotate(-45deg);
}
to {
transform: rotate(-405deg);
}
}
@-webkit-keyframes img-rotate {
from {
-webkit-transform: rotate(-45deg);
}
to {
-webkit-transform: rotate(-405deg);
}
}
.logos-section {
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
padding-top: 84px;
padding-bottom: 110px;
}
.logos-section h5,
.contactus-section h5,
.blogs-section h5,
.projects-section h5,
.testimonial-section h5{
color: var(--grey, #232323);
font-family: Articulat CF;
font-size: 20px;
font-weight: 500;
margin-bottom: 18px;    
}
.logos-section h5:before,
.contactus-section h5:before,
.blogs-section h5:before,
.projects-section h5:before,
.testimonial-section h5:before{
content: url(//gulfex.com/wp-content/themes/gulfex-child/images/heading-icon.png);
position: relative;
padding-right: 12px;
}
.logos-section h2,
.contactus-section h2,
.blogs-section h2,
.projects-section h2,
.testimonial-section h2{
color: var(--grey, #232323);
font-family: Articulat CF;
font-size: 52px;
font-weight: 600;
}
.logos-section .col-sm-6 p{
color: #444;
font-family: Euclid Circular A;
font-size: 16px;
font-weight: 400;
line-height: 28px;
width: 70%;
}
.logos-section h2{
margin-bottom: 25px;
}  .contactus-section .container-fluid,
.sliderarea .container-fluid {
margin-left: calc((100% - 1694px) / 2);
width: auto;
}
.pin ul {
border-radius: 5px;
background: #FFF;
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.05);
width: 25%;
margin-left: 0;
padding-left: 0;
list-style: none;
padding: 20px 25px 20px 25px;
width: 65%;
}
.pin ul li.country {
display: flex;
justify-content: space-between;
}
.pin ul li{
color: #232323;
font-family: Euclid Circular A;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 23px;
}
.pin ul li:not(:last-child) {
margin-bottom: 20px;
}
.pin ul li:first-child {
font-family: Articulat CF;
font-size: 15px;
font-weight: 600;
}
.pin ul li i {
font-size: 18px;
margin-top: 5px;
margin-right: 10px;
color: #00AA4F;
}
div#wpcf7-f75-o2 input,
div#wpcf7-f75-o2 textarea{
color: #999;
font-family: Articulat CF;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding-left: 24px;
padding-top: 18px;
padding-bottom: 18px;
border-radius: 83px;
border: 1px solid #E8E8E8;
background: #F9F9F9;
margin-bottom: 15px;
width: 100%;
}
div#wpcf7-f75-o2 textarea{
border-radius: 20px !important;
} .contact-submit {
text-transform: capitalize;
padding: 15px 35px 15px 35px;
background: #00AA4F;
border-radius: 40px;
display: inline-flex;
position: relative;
align-items: center;
flex-direction: row-reverse;
cursor: pointer;
}
.contact-submit input {
border: none !important;
border-radius: 0 !important;
background-color: transparent !important;
color: #fff !important;
font-size: 18px !important;
font-weight: 500 !important;
padding: 0 !important;
margin-bottom: 0 !important;
z-index: 999;
position: relative;
transition: all 0.3s ease-in;
}
.contact-submit span.wpcf7-spinner {
position: absolute;
left: 100%;
}
.contact-submit:before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: white;
margin-left: 35px;
z-index: 9;
transition: all 0.3s ease-in;
}
.contact-submit:after {
content: "";
position: absolute;
height: 0;
background-color: #F7F7F7;
left: -1px;
right: -1px;
bottom: 0;
border-radius: 40px;
z-index: 0;
transition: all 0.3s ease-in;
}
.contact-submit:hover:after {
height: 100%;
}
.contact-submit:hover:before, .contact-submit:hover input {
color: black !important;
}
.contactus-section .col-sm-4 h3{
color: #000;
font-family: Articulat CF;
font-size: 40px;
font-weight: 600;
margin-bottom: 15px;
}
.contactus-section .col-sm-4 {
padding-left: 40px;
padding-right: 40px;
padding-top: 30px;
padding-bottom: 30px;
border-radius: 10px;
background: #FFF;
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.05);
margin-top: 70px;
}
.contactus-section {
padding-top: 50px;
padding-bottom: 180px;
position: relative;
z-index: 1;
}
.pin {
position: absolute;
}
.pin ul{
opacity: 0;
}
.pin.pin-canada {
top: 16.6%;
left: 12.3%;
}
.pin.pin-turkey {
top: 31%;
right: -30px;
}
.pin.pin-saudi {
top: 47%;
right: -0.5%;
}
.pin.pin-dubai {
top: 44%;
right: -5.5%;
}
.pin.pin-india {
top: 44%;
right: -12.5%;
}
.pin.pin-southaf {
top: 74%;
right: 5.5%;
}
.pin img {
margin-bottom: 20px;
}
.col-sm-8.mapsection {
position: relative;
margin-top: 160px;
}
div#image-map {
position: relative;
left: -80px;
width: calc(100% + 80px);
}
img#backmap {
position: relative;
z-index: -1;
width: 100%;
}
.pin:hover ul {
opacity: 1;
position: relative;
z-index: 9;
}  .services-inner-title ul, .services-inner-title ol {
padding: 0;
margin: 0;
margin-left: 20px;
margin-top: 30px;
}
.services-inner-title ol {
margin-bottom: 40px;
}
.services-inner-title ul {
list-style: none;
margin-left: 0;
}
.services-inner-title ul li {
display: flex;
align-items: center;
}
.services-inner-title li {
margin-bottom: 15px;
}
.services-inner-title ul li:before {
content: "\f111";
font-family: "FontAwesome";
font-size: 7px;
margin-right: 20px;
}
@media only screen and (max-width: 767px){
.services-inner-title ul li:before {
font-size: 6px;
margin-right: 20px;
}
}
.services-inner-title h3 {
color: #232323;
font-family: Articulat CF;
font-weight: 600;
}
.services-inner-title h3:before {
content: url(//gulfex.com/wp-content/themes/gulfex-child/images/heading-icon.png);
position: relative;
padding-right: 12px;
}  .privacy_textt {
padding: 50px 0;
}
.privacy_textt .textt {
margin-bottom: 35px;
}
.privacy_textt h3, .privacy_textt h4 {
color: #232323;
font-family: Articulat CF;
font-weight: 600;
}
.privacy_textt ul {
padding: 0;
margin: 0;
margin-bottom: 30px;
padding-left: 20px;
}
.privacy_textt ul li {
margin-bottom: 10px;
}
.privacy_textt h3:before {
content: url(//gulfex.com/wp-content/themes/gulfex-child/images/heading-icon.png);
position: relative;
padding-right: 12px;
}  ::placeholder { color: #989898;
opacity: 1; }
:-ms-input-placeholder { color: #989898;
}
::-ms-input-placeholder { color: #989898;
}
footer#colophon {
background-image: url(//gulfex.com/wp-content/themes/gulfex-child/images/Footer-bg.png);
background-size: cover;
background-position: 100% 100%;
}
footer#colophon .bg-footer {
padding: 70px 100px;
}
footer#colophon .bg-copy {
background-color: rgba(255, 255, 255, 0.10);
backdrop-filter: blur(16.5px);
padding: 25px 100px;
}
.footer-1 ul.bottom-social {
margin-left: 0;
padding-left: 0;
margin-top: 20px;
}
.bg-footer ul.menu li a:before {
content: ">";
padding-right: 12px;
position: absolute;
opacity: 0;
transition: all 0.3s ease-in;
left: 0;
}
.bg-footer ul.menu li:hover a:before {
opacity: 1;
}
ul.bottom-social li {
list-style: none;
display: inline;
padding-right: 30px;
}
ul.bottom-social li i{
color: #fff;
font-size: 20px;
}
ul.bottom-social li:hover i{
color: #00AA4F;
}
.bg-footer h3.widget-title {
color: var(--d-9-d-9-d-9, #FFF);
font-family: Articulat CF;
font-size: 24px;
font-weight: 600;
margin-bottom: 25px;
position: relative;
}
.bg-footer h3.widget-title:before, h2.wp-block-heading:before {
content: url(//gulfex.com/wp-content/themes/gulfex-child/images/heading-icon.png);
position: absolute;
left: -30px;
}
.bg-footer ul.menu li a {
color: #FFF;
font-family: Euclid Circular A;
font-size: 16px;
font-weight: 400;
line-height: 28px;
text-decoration: none;
position: relative;
transition: all 0.3s ease-in;
}
.bg-footer ul.menu {
padding-left: 0;
margin: 0;
}
.bg-footer ul.menu li:not(last-child) {
padding-bottom: 15px;
}
.bg-footer ul.menu li{
list-style: none;
}
h2.wp-block-heading {
color: var(--d-9-d-9-d-9, #FFF);
font-family: Articulat CF;
font-size: 24px;
font-weight: 600;
margin-bottom: 35px;
position: relative;
}
.footer-4 div.widget_text p{
color: #FFF;
font-family: Euclid Circular A;
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.footer-4 div.widget_text p a{
color: #149939;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
.tnp.tnp-subscription label {
display: none;
}
ul#menu-copyright-menu{
margin-left: 0;
padding-left: 0;
margin-bottom: 0;
}
ul#menu-copyright-menu li {
display: inline;
margin-right: 65px;
}
ul#menu-copyright-menu li a{
color: #FFF;
font-family: Euclid Circular A;
font-size: 16px;
font-weight: 400;
line-height: 28px;
text-decoration: none;
}
ul#menu-copyright-menu li:hover a{
color: #149939;
}
p.copy-text{
color: #FFF !important;
font-size: 16px !important;
line-height: 28px; 
margin-bottom: 0 !important;
}
p.copy-text a{
color: #00AA4F;
text-decoration: none;
font-weight: 600;
}
ul#menu-copyright-menu li:last-child {
margin-right: 0;
}
.bg-copy .col-md-7{
text-align: right;
}
.tnp-subscription input[type=email] {
padding-left: 38px !important;
padding-top: 18px !important;
padding-bottom: 18px !important;
color: #989898 !important;
font-family: Articulat CF;
font-size: 16px !important;
font-weight: 500;
text-transform: capitalize;
border-radius: 40px;
}
div.tnp-subscription {
margin-top: 34px !important;
margin-bottom: 34px !important;
}
.tnp-field.tnp-field-button {
position: absolute;
top: 0px;
left: calc(100% - 50px);
}
.tnp.tnp-subscription{
position: relative;
}
form .tnp-field input[type="submit"] {
background-image: url(//gulfex.com/wp-content/themes/gulfex-child/images/submit-icon.png) !important;
background-repeat: no-repeat !important;
background-color: transparent !important;
color: transparent !important;
height: 57px !important;
width: 59px;
}
form .tnp-field input[type="email"] {
width: 100%;
}
.bg-footer ul.menu li:hover a {
padding-left: 15px;
color: #149939;
}
.col-sm-3.footer-columns.footer-3 {
padding-left: 5%;
}
.col-sm-3.footer-columns.footer-2 {
padding-left: 10%;
}
div#block-11 {
margin-top: 10px;
}
div#block-11 p {
color: #FFF;
font-family: Euclid Circular A;
font-size: 20px;
font-weight: 400;
line-height: 30px;
margin-bottom: 0;
}
div#block-11 a {
color: #149939;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
div#block-11 p:before {
content: url(//gulfex.com/wp-content/themes/gulfex-child/images/whtapp-icon.png);
position: relative;
padding-right: 18px;
vertical-align: middle;
display: inline-block;
}  .logos-section {
display: none;
}
.new-client-section {
padding: 50px 0;
background: url(//gulfex.com/wp-content/themes/gulfex-child/images/ClientsBG.png);
background-size: cover;
background-position: bottom center;
}
.client-container {
margin-left: calc((100% - 1320px) / 2);
width: auto;
display: flex;
align-items: center;
}
.clients-cont {
width: 25%;
flex-shrink: 0;
}
.logo-carousel {
padding: 10px 0;
flex-grow: 1;
position: relative;
margin-left: 70px;
overflow: hidden;
}
.logo-carousel:before {
content: "";
position: absolute;
background: url(//gulfex.com/wp-content/themes/gulfex-child/images/ClientsBefore.png);
width: 70px;
height: 100%;
z-index: 9;
}
ul.our-clients {
display: grid;
grid-template-columns: repeat(13, 1fr);
grid-gap: 20px;
padding: 0;
margin: 0;
list-style: none;
padding-left: 10px; }
ul.our-clients li {
width: 312px;
height: 152px;
background: #FFF;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
} ul.our-clients > li:nth-child(n+13) {
margin-left: 80px;
margin-right: -80px;
}  .clients-cont h5{
color: #232323;
font-family: Articulat CF;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 107.8%;
margin-bottom: 18px;    
}
.clients-cont h5:before{
content: url(//gulfex.com/wp-content/themes/gulfex-child/images/heading-icon.png);
position: relative;
padding-right: 12px;
}
.clients-cont h2{
color: #232323;
font-family: Articulat CF;
font-size: 52px;
font-style: normal;
font-weight: 600;
line-height: 116.3%;
}
.clients-cont p {
color: #444;
font-family: Euclid Circular A;
font-size: 16px !important;
font-weight: 400;
line-height: 28px;
}  body:not(.home) h5 {
color: #232323;
font-family: Articulat CF;
font-size: 20px;
font-weight: 500;
}
body:not(.home) h5:before {
content: url(//gulfex.com/wp-content/themes/gulfex-child/images/heading-icon.png);
position: relative;
padding-right: 12px;
}
body:not(.home) h6 {
color: #232323;
font-family: Articulat CF;
font-size: 52px;
font-weight: 600;
}
body:not(.home) p{
color: #232323;
font-family: Euclid Circular A;
font-size: 18px;
font-weight: 400;
}
body:not(.home) p:last-child {
margin: 0;
}
.r-sideimage {
position: relative;
}
.r-sideimage:before {
content: "";
background: url(//gulfex.com/wp-content/themes/gulfex-child/images/InnerPagesSide.png);
width: 321px;
height: 388px;
position: absolute;
right: 0;
top: 0;
display: block;
}  .padding-section {
padding: 40px 0;
}
.image-section {
position: relative;
overflow: hidden;
}
.image-section:before {
content: "";
background: url(//gulfex.com/wp-content/themes/gulfex-child/images/ImagesBefore.png);
background-size: cover;
position: absolute;
bottom: 0;
left: 0;
width: 513px;
height: 264px;
mix-blend-mode: overlay;
z-index: 9;
opacity: 0;
}
.image-section img {
display: block;
transition: all 0.5s ease-in;
}
.image-section:hover img {
transform: scale(1.2);
}
.image-section h4 {
color: #fff;
font-family: Articulat CF;
font-size: 32px;
font-weight: 700;
position: absolute;
bottom: 30px;
z-index: 9;
width: 100%;
padding: 0 50px;
}
.icon-section {
padding: 30px 30px;
background-color: #F8FFF9;
height: 350px;
display: flex;
align-items: start;
justify-content: start;
position: relative;
overflow: hidden;
}
.icon-section:before {
content: url(//gulfex.com/wp-content/themes/gulfex-child/images/VisonBefore.png);
display: block;
position: absolute;
bottom: -30px;
right: 0;
z-index: 99;
transition: all 0.5s ease-in;
}
.icon-section.mission:before {
content: url(//gulfex.com/wp-content/themes/gulfex-child/images/MissionBefore.png);
}
.icon-section.values:before {
content: url(//gulfex.com/wp-content/themes/gulfex-child/images/ValuesBefore.png);
}
.icon-section:after {
content: "";
background-color: #00AB53;
position: absolute;
width: 124px;
height: 124px;
bottom: -124px;
right: -124px;
border-radius: 100%;
transition: all 0.5s ease-in;
}
.icon-section:hover:after {
width: 750px;
height: 750px;
border-radius: 0;
}
.icon-section .icon img {
transition: all 0.5s ease-in;
}
.icon-section > div {
position: relative;
z-index: 99;
}
.conntent {
padding-left: 25px;
}
.icon-section .icon {
flex-shrink: 0;
}
.conntent h4 {
color: #232323;
font-family: Articulat CF;
font-size: 28px;
font-weight: 700;
transition: all 0.5s ease-in;
}
.icon-section .conntent p {
color: #232323;
font-family: Euclid Circular A;
font-size: 20px;
font-weight: 300;
margin-bottom: 0;
transition: all 0.5s ease-in;
}
.icon-section:hover:before {
filter: brightness(0) invert(1);
}
.icon-section:hover .icon img {
filter: brightness(0) invert(1);
}
.icon-section:hover h4, .icon-section:hover p{
color: white;
}
.mission-vision {
padding-bottom: 50px;
}
.about-company {
background: url(//gulfex.com/wp-content/themes/gulfex-child/images/AboutCompanyBG.png);
padding: 50px 0;
}
.banner-slider {
display: flex;
align-items: center;
}
.banner-slider .slider.slider-for {
max-width: 65%;
}
.banner-slider .slider.slider-nav {
max-width: 35%;
}
.slider-banner-image img {
width: 671px;
height: 671px;
object-fit: cover;
border-radius: 100%;
}
.side-titles h4 {
font-size: 32px;
color: #232323;
font-family: Euclid Circular A;
font-weight: 400; cursor: pointer;
height: 180px;
display: flex;
align-items: center;
}
.side-titles.slick-current h4 {
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
color: #00ab53;
font-weight: 600;
}
.banner-slider .slider.slider-for .slick-list {
padding-left: 100px;
}
.company-records {
position: relative;
margin-top: 30px;
}
.custom-years {
position: absolute;
top: 0;
width: 671px;
height: 671px;
overflow-y: hidden;
}
.histtory {
position: absolute;
top: -20px;
height: 700px;
overflow: hidden;
width: 60%;
display: flex;
align-items: center;
}
.history-years-vertical {
position: relative
}
.history-years-vertical__years {
width: 100%;
display: flex;
align-items: stretch;
}
.history-years-vertical__years__right {
position: relative;
flex-grow: 1;
will-change: transform;
transition: all 0.5s ease-in;
}
.history-years-vertical__years__right__list {
position: absolute
}
.history-years-vertical__years p.is-active {
color: #00AB53 !important;
}
.history-years-vertical__years .history-years-vertical__years__left {
color: #00AB53 !important;
}
.history-years-vertical__years, .history-years-vertical__years p {
color: #fff !important;
font-family: Articulat CF !important;
font-size: 270px !important;
font-weight: 700 !important;
line-height: initial;
margin-bottom: 0;
}
.about-location {
padding: 50px 0px;
}
.new-map {
position: relative;
text-align: center;
}
.location-top {
display: flex;
justify-content: space-between;
}
.pin-details h4 {
color: #232323;
font-family: Articulat CF;
font-size: 20px;
font-weight: 600;
margin-bottom: 20px;
}
.pin-details ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
}
.pin-details ul li {
font-family: Articulat CF;
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
display: flex;
align-items: center;
margin-right: 50px;
}
.pin-details ul li:before {
content: "";
width: 15px;
height: 15px;
display: block;
background-color: #00AB53;
border-radius: 100%;
margin-right: 20px;
}
.pin-details ul li:nth-child(2):before {
background-color: #EB0000;
}
.pin-details ul li:nth-child(3):before {
background-color: #666666;
}
.new-map .pin.pin-turkey {
top: 25%;
right: 100px;
}
.new-map .pin.pin-saudi {
top: 45%;
right: 16%;
}
.new-map .pin.pin-dubai {
top: 42%;
right: 11%;
}
.new-map .pin.pin-india {
top: 40%;
right: 0;
} .core-values {
text-align: center;
background-image: url(//gulfex.com/wp-content/themes/gulfex-child/images/CoreBG.jpg);
padding: 40px 0;
}
.core-section-center {
display: flex;
justify-content: center;
padding-top: 130px;
padding-bottom: 90px;
}
.core-image {
position: relative;
}
.core-image .box-icon {
position: absolute;
display: flex;
top: 0;
}
.core-image .box-icon h5:before {
display: none;
}
.c-icon {
width: 150px;
height: 150px;
background-color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.box-icon .ic-cont h5 {
font-size: 20px;
font-weight: 600;
}
.box-icon .ic-cont p {
color: #444;
font-size: 16px;
}
.core-image .box-icon .ic-cont {
opacity: 0;
transition: all 0.4s ease-in;
}
.core-image .box-icon.active .ic-cont {
opacity: 1;
}
.box-icon .c-icon img {
transition: all 0.4s ease-in;
}
.box-icon.active .c-icon img {
transform: scale(1.05);
} .core-image .box-icon.top-icon {
flex-direction: column;
align-items: center;
top: -90px;
left: -5px;
right: 0;
width: 75%;
margin: 0 auto;
}
.core-image .box-icon.top-icon .ic-cont {
margin-bottom: 20px;
}  .core-image .box-icon.left-one-icon {
align-items: center;
left: -355px;
width: 90%;
top: 145px;
}
.core-image .box-icon.left-one-icon .c-icon {
flex-shrink: 0;
}
.core-image .box-icon.left-one-icon .ic-cont {
text-align: right;
padding-right: 20px;
}  .core-image .box-icon.left-two-icon {
align-items: center;
left: -355px;
width: 90%;
top: unset;
bottom: 150px;
}
.core-image .box-icon.left-two-icon .c-icon {
flex-shrink: 0;
}
.core-image .box-icon.left-two-icon .ic-cont {
text-align: right;
padding-right: 20px;
}  .core-image .box-icon.right-one-icon {
align-items: center;
flex-direction: row-reverse;
right: -350px;
width: 90%;
top: 145px;
}
.core-image .box-icon.right-one-icon .c-icon {
flex-shrink: 0;
}
.core-image .box-icon.right-one-icon .ic-cont {
text-align: left;
padding-left: 20px;
}  .core-image .box-icon.right-two-icon {
align-items: center;
flex-direction: row-reverse;
right: -350px;
width: 90%;
top: unset;
bottom: 150px;
}
.core-image .box-icon.right-two-icon .c-icon {
flex-shrink: 0;
}
.core-image .box-icon.right-two-icon .ic-cont {
text-align: left;
padding-left: 20px;
}  .core-image .box-icon.bottom-icon {
flex-direction: column-reverse;
align-items: center;
top: unset;
bottom: -60px;
left: -5px;
right: 0;
width: 75%;
margin: 0 auto;
}
.core-image .box-icon.bottom-icon .ic-cont {
margin-top: 20px;
}    .product-section {
padding: 50px 0px;
}
.custom-product .product-item {
display: flex;
justify-content: space-between;
align-items: center;
}
.custom-product .product-item .product-content {
width: 50%;
}
.custom-product .product-item:nth-child(even) {
flex-direction: row-reverse;
}
.custom-product .product-item:nth-child(even) .product-content {
padding-right: 70px;
padding-left: 0;
}
.custom-product .product-item .product-content {
padding-left: 50px;
}
.custom-product .product-item:not(:last-child) {
padding-bottom: 30px;
}
.product-content ul {
margin: 0;
padding: 0;
list-style: none;
margin-top: 30px !important;
margin-bottom: 15px;
}
.product-content ul li {
display: flex;
align-items: center;
padding: 5px 0;
}
.product-content ul li:before {
content: "\f111";
font-family: 'FontAwesome';
font-size: 7px;
margin-right: 10px;
}
.product-cont {
margin-bottom: 20px;
}
.custom-product .inner-category .product-content {
flex-grow: 1;
padding-left: 70px;
}
.custom-product .inner-category:nth-child(even) .product-content {
padding-right: 150px;
}
.inner-category .image-section:before {
display: none;
}
.inner-category h4 {
font-size: 32px;
font-family: Articulat CF;
}
.inner-category .product-content ul li:before {
display: none;
}
.product-post {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
.inner-product {
text-align: center;
background-color: #F5F5F5;
padding: 30px 20px;
overflow: hidden;
}
.inner-product a {
text-decoration: none !important;
}
.inner-product:hover img {
transform: scale(1.2);
}
.inner-product img {
transition: all 0.5s ease-in;
}
.inner-product h6 {
font-size: 20px !important;
margin-top: 30px;
} .product-item .product-summary {
width: 50%;
padding-right: 50px;
}
.product-item .product-summary h6 {
width: 85%;
}
.product-summary ul {
margin: 0;
padding: 0;
list-style: none;
margin-top: 20px !important;
margin-bottom: 20px;
}
.product-summary ul li {
padding: 5px 0;
display: flex;
flex-direction: row;
justify-content: left;
align-items: center;
}
.product-summary ul li:before {
content: "\f111";
font-family: 'FontAwesome';
font-size: 7px;
margin-right: 10px;
vertical-align: middle;
}
.single-product .custom-product .product-item {
padding-bottom: 0;
}
.product-desc {
display: grid;
grid-template-columns: 41% 47%;
grid-gap: 20px;
justify-content: space-between;
padding-top: 40px;
}
.product-desc ul {
margin-left: 0;
}
.product-desc.counted-odd-lis .desc-inner:last-child {
grid-column: span 2;
}
.desc-inner h4, .info-div h4 {
color: #00AB53;
font-family: Euclid Circular A;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 34px;
}
.info-div {
margin-top: 50px;
}
.info-btns {
margin-bottom: 15px;
}
.info-btns a {
color: #FFF !important;
font-family: Articulat CF;
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
background: #00AA4F;
text-decoration: none;
border-radius: 50px;
padding: 15px 35px 15px 35px;
display: inline-flex;
position: relative;
align-items: center;
z-index: 1;
flex-direction: row-reverse;
margin-right: 20px;
}
.info-btns a:before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: white;
margin-left: 15px;
z-index: 9;
transition: all 0.3s ease-in;
}
.info-btns a:after {
content: "";
position: absolute;
height: 0;
background-color: #F7F7F7;
left: -1px;
right: -1px;
bottom: 0;
border-radius: 40px;
z-index: -1;
transition: all 0.3s ease-in;
}
.info-btns a:hover:after {
height: 100%;
}
.info-btns a:hover, .info-btns a:hover:before{
color: black !important;
}
.product-section .request-information {
margin-top: 50px;
}
li {
font-size: 18px;
}
.info-div{
display:none;
}
.enquiryForm {
margin-top: 40px;
}
.enquiryForm h4 {
color: #00AB53;
font-family: Euclid Circular A;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 34px;
padding-left: 10px;
}
.enquiryForm .form-inner {
padding: 0;
}
.enquiryForm .form-inner span {
padding: 10px 0;
}
.enquiryForm .form-inner-btn {
margin-top: 15px;
}
.enquiryForm .wpcf7-text {
color: black !important;
}   .catalog-section {
padding: 50px 0;
}
.catalog-list .catalog-item {
border: 1px solid;
padding: 8px 15px;
margin-bottom: 10px;
}
.cat-desc {
display: flex;
align-items: center;
justify-content: space-between;
}
.cat-desc h2 {
color: #232323;
font-family: Articulat CF;
font-size: 26px;
font-weight: 600;
line-height: 32px;
margin-bottom: 0;
}
.catalog-div h4 {
color: #00AB53;
font-family: Euclid Circular A;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 28px;
margin-bottom: 0;
}
.catalog-div {
margin-top: 20px;
display: none;
}
.enquire-btn a {
color: #FFF !important;
font-family: Articulat CF;
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
background: #00AA4F;
text-decoration: none;
border-radius: 50px;
padding: 15px 35px 15px 35px;
display: inline-flex;
position: relative;
align-items: center;
z-index: 1;
flex-direction: row-reverse;
margin-right: 20px;
}
.enquire-btn a:before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: white;
margin-left: 15px;
z-index: 9;
transition: all 0.3s ease-in;
}
.enquire-btn a:after {
content: "";
position: absolute;
height: 0;
background-color: #F7F7F7;
left: -1px;
right: -1px;
bottom: 0;
border-radius: 40px;
z-index: -1;
transition: all 0.3s ease-in;
}
.enquire-btn a:hover:after {
height: 100%;
}
.enquire-btn a:hover, .enquire-btn a:hover:before {
color: black !important;
}
.catalog-item.showw .catalog-div {
display: block;
}
.poppup {
position: fixed;
top: 0;
bottom: 0;
z-index: 999999999;
left: 0;
right: 0;
display: none;
}
.popup-center {
height: 100%;
display: flex;
align-items: center;
}
.popup-inner {
background-color: white;
width: 50%;
margin: 0 auto;
position: relative;
border-radius: 10px;
padding: 40px 30px;
box-shadow: 0 0 80px -40px black;
}
.popup-inner h4 {
color: #232323;
font-family: Articulat CF;
font-size: 42px;
font-weight: 600;
line-height: 52px;
}  
span.close {
position: absolute;
top: 20px;
right: 20px;
background-color: white;
border: 1px solid;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer !important;
z-index: 99;
}
span.close:before {
content: "\f00d";
font-family: 'FontAwesome';
font-size: 22px;
color: black;
}
.poppup .form-inner span {
padding: 10px 0;
}
.poppup .form-inner-btn {
margin-top: 15px;
}
.poppup .form-inner span input {
color: black !important;
}
.poppup .wpcf7 form.sent .wpcf7-response-output {
display: none;
} .csr-after ul {
margin-left: 0;
margin-bottom: 0;
padding-left: 20px;
}  @media (min-width : 1921px) and (max-width : 3840px) {   } @media only screen and (min-width : 1920px) {   
body.home .container {
max-width: 1700px;
}
.pie-chart {
transform: translate(25%);
}
}
@media only screen and (min-width: 1681px) and (max-width: 1919px){
.num-span {
font-size: 65px;
}
.counter-box:before {
right: -15%;
}
} @media only screen and (max-width : 1680px) {
div#details-area .contactbox.africa {
bottom: -18%;
left: -22%;
}
.custom-product .image-section {
width: 50%;
}
.inner-testimonial {
padding: 25px 10px;
}
.testimonial-info {
padding-left: 10px;
}
.testimonial-info h4 {
font-size: 16px;
}
.testimonial-head img {
width: 50px;
}
.testimonial-detail p {
font-size: 14px;
}
.testimonial-col {
padding: 25px 15px;
}
.counter-icon img {
width: 60px;
}
.counter-box:before {
right: -20%;
}
.num-span {
font-size: 50px;
margin-left: 10px;
}
.counter-box p {
width: 170px;
font-size: 14px;
}
.product-desc {
padding-top: 30px;
}
.quality-section {
padding-top: 40px;
padding-bottom: 40px;
}
ul.nav li.nav-item a {
font-size: 18px;
padding: 16px 35px;
}
.company-details {
padding-top: 30px;
padding-bottom: 30px;
}
.projects-section, .new-client-section, .contactus-section {
padding: 40px 0;
}
.blogs-section {
padding-top: 40px;
}
.whatweoffer-section {
padding-top: 40px;
padding-bottom: 40px;
}
.blogs-section {
padding-top: 40px;
}
.logos-section h5, .contactus-section h5, .blogs-section h5, .projects-section h5, .testimonial-section h5 {
margin-bottom: 10px;
}
.contactus-section .col-sm-4 h3 {
font-size: 34px;
}
.icon-section {
height: 300px;
}
.email-box h5 {
font-size: 16px !important;
line-height: 22px;
}
header#masthead {
padding: 0 30px;
}
footer#colophon .bg-footer {
padding: 80px 70px;
}
footer#colophon .bg-copy {
padding: 30px 70px;
}
ul#menu-mainmenu li a {
font-size: 15px;
}
ul#menu-mainmenu li.menu-item-has-children {
padding-right: 30px;
}
.gtranslate_wrapper{
right: 11.3%;
}
.gtranslate_wrapper .gt-current-lang{
padding: 4px 10px !important;
}
ul#menu-secondary-header li:not(:last-child) {
padding-right: 22px;
}
.mainbtns h2 {
font-size: 16px;
}
.sideareabuttons .mainbtns {
padding: 10px 8px;
margin: 3px 0;
}
.detailsection p {
width: 56%;
}
.detailsection p {
font-size: 16px;
}
.detailsection img {
width: 70px;
}
.col-lg-6.piechartrgt ul.nav.nav-tabs li:not(:last-child) {
padding-right: 12px;
}
.col-lg-6.piechartrgt ul.nav.nav-tabs li a{
font-size: 16px;
}
.detail-section p{
width: 90%;
padding-bottom: 50px;
}
.maindata1{
top: 2%;
}
.flagship-section h2{
width: 50%;
}
.maintabs-area .tab span{
margin-top: 45px;
}
.maintabs-area .tab{
padding-bottom: 40px;
}
.maintabs-area .tab {
font-size: 22px;
}
.detailsection h4{
font-size: 70px;
line-height: 70px;
}
.bg-area .right{
width: 76%;
}
.bg-area{
padding: 27px;
}
.right p{
font-size: 14px;
line-height: 24px;
}
.bg-area img{
vertical-align: inherit;
}
.quality-section p{
width: 50%;
}
.sliderarea h2{
font-size: 140px;
top: 20%;
}
.contactus-section .container-fluid, 
.sliderarea .container-fluid{
margin-left: calc((100% - 1320px) / 2);
}
.slides-numbers{
top: 34%;
}
.col-sm-3.footer-columns.footer-2 {
padding-left: 5%;
}
div#block-8, div#block-9, div#block-10 {
margin-left: 0px;
}
.footer-4 div.widget_text p{
font-size: 14px;
line-height: 28px;
}
div#block-9 p {
font-size: 14px;
}
#block-10{
display: flex;
}
div#block-10 p::before {
display: inline-flex;
vertical-align: middle;
}
p.copy-text {
font-size: 13px !important;
}
ul#menu-copyright-menu li{
margin-right: 50px;
}
.col-sm-3.footer-columns.footer-1 .custom-logo {
width: 80%;
}
ul.bottom-social li{
padding-right: 20px;
}
.pin.pin-canada {
top: 14.6%;
left: 12.1%;
}
.pin.pin-turkey {
top: 30%;
right: -85px;
}
.pin.pin-dubai {
top: 44%;
right: -12%;
}
.pin.pin-saudi {
top: 46%;
right: -6%;
}
.pin.pin-india {
top: 41%;
right: -18.5%;
}
.pin.pin-southaf {
top: 72%;
right: 0%;
}
.sideareabuttons {
padding-bottom: 15px;
}
.pie-chart {
width: 550px;
height: 550px;
margin-left: auto;
transform: scale(0.8);
}
.slice:nth-child(1) img {
top: -34px;
left: -35px;
width: 65%;
}
.slice:nth-child(2) img {
left: 224px;
top: -19px;
width: 57%;
}
.slice:nth-child(3) img {
top: 278px;
left: 224px;
width: 57%;
}
.slice:nth-child(4) img {
top: 277px;
left: -31px;
width: 64%;
}
.slice:nth-child(5) img {
top: 93px;
left: -90px;
width: 57%;
}
.slice.slice-1.active  {
left: -4px;
}
.slice.slice-2.active {
left: 11px;
top: -8px;
}
.slice.slice-3.active {
top: 9px;
left: 12px;
}
.slice.slice-4.active {
top: 15px;
left: -5px;
}
.contentsection a, .contenttabs a, .first-part a, .slide-text a, .projects-section a.viewall {
font-size: 16px;
}
.banner-head h1 {
font-size: 42px;
line-height: 50px;
}
.breadcrumbs span {
font-size: 16px;
}
body:not(.home) h5 {
font-size: 18px;
}
body:not(.home) h6 {
font-size: 44px;
}   
body:not(.home) p {
font-size: 16px;
}
.image-section h4 {
bottom: 30px;
padding: 0 30px;
}
.conntent h4 {
font-size: 24px;
}
.icon-section .conntent p {
font-size: 16px;
}
.side-titles h4 {
font-size: 26px;
height: 160px;
}
.histtory {
top: -20px;
left: -40px;
height: 640px;
}
.banner-slider .slider.slider-for .slick-list {
padding-left: 50px;
}
.slider-banner-image img {
width: 571px;
height: 571px;
}
.history-years-vertical__years, .history-years-vertical__years p {
font-size: 230px !important;
}
.pin-details ul li {
font-size: 18px;
}
.pin-details ul li:before {
width: 12px;
height: 12px;
margin-right: 15px;
}
.image-ares {
width: auto;
height: auto;
}
div#block-11 p {
font-size: 16px;
}
div#block-11 p:before {
content: "";
background: url(//gulfex.com/wp-content/themes/gulfex-child/images/whtapp-icon.png);
background-size: contain;
width: 37px;
height: 37px;
padding-right: 0;
display: inline-block;
margin-right: 10px;
}
.sliderInner .inner-content .text h2 {
font-size: 50px;
margin-bottom: 30px;
line-height: 1;
}
.sliderInner .inner-content .text h2 span {
padding-right: 15px;
font-size: 70px;
}
.home-arrow {
bottom: 160px;
left: 100px;
}
.custom-newsletter p {
font-size: 20px !important;
}
.home-btnn {
margin-top: 20px;
margin-bottom: 20px;
}
.home-btnn a {
font-size: 20px;
padding: 16px 45px;
}
.product-section {
padding: 40px 0px;
}
.view-btn a {
font-size: 16px;
padding: 18px 35px 18px 35px;
}
.product-section .request-information {
margin-top: 40px;
}
.enquiryForm {
margin-top: 30px;
}
li {
font-size: 16px;
}
.contact-main-sect {
padding: 40px 0px;
}
.team_inner {
max-width: 55%;
}
.team-cont h4, .team_grid .popup-content .team-cont h4 {
font-size: 36px;
}
.team-cont p.subtitle {
font-size: 12px !important;
}
.team_grid .team-cont h4 {
font-size: 20px;
}
.team-popup_content:before {
width: 211px;
height: 254px;
}	
.popup-image {
width: 35%;
}
.popup-content {
width: 65%;
}
.inner-cont {
height: 330px;
padding-right: 30px;
}
.projects-section .team_inner p {
width: 100% !important;
} .contactus-section {
padding-bottom: 110px;
}
.col-sm-8.mapsection {
position: relative;
margin-top: 110px;
}
div#details-area div h2 {
font-size: 16px;;
padding: 15px;
}
div#details-area div ul.sing.inlinehai.threehai {
grid-column-gap: 25px;
}
div#details-area .contactbox.mid_east {
bottom: -25%;
left: 3%;
width: 60%;
}
div#details-area .contactbox.asia {
top: -4%;
right: -20%;
}
.europe {
top: -13%;
right: 40%;
}
.meast {
bottom: -5%;
left: 66%;
}
div#details-area .contactbox h3 {
font-size: 17px;
}
div#details-area .contactbox h4 {
font-size: 14px;
}
div#details-area .contactbox p {
font-size: 15px;
}
div#details-area div ul li {
font-size: 14px;
} .slide_time .inner-time {
padding: 80px 0;
}
.inner-time.slick-current .custom-timeline {
margin-top: -20px;
margin-bottom: 0;
}
.custom-timeline {
margin-bottom: -70px;
}
.sliderYear h2 {
font-size: 80px;
}
.timeline-title h4 {
font-size: 22px;
}
.inner-time:not(.slick-current) .sliderYear:after {
height: 130px;
}
.inner-time.slick-current .sliderYear:before {
height: 130px;
}
.sliderYear {
margin-bottom: 20px;
}
.slick-current .sliderYear {
margin-bottom: 0;
margin-top: 20px;
}
} @media only screen and (max-width : 1600px) {
ul#menu-mainmenu li:not(:last-child) {
padding-right: 35px;
}
.projects-desc h3:before{
right:-20px !important;
}
ul#menu-mainmenu li a{
font-size:13px;
}
} @media only screen and (max-width : 1560px) {   } @media only screen and (max-width : 1536px) {   } @media only screen and (max-width : 1440px) {  
video#mainvideo {
height: 70vh;
}
}
@media only screen and (max-width : 1399px) { 
.firstarea {
position: relative;
}
video#mainvideo {
height: 60vh;
object-fit: cover;
}
.client-container {
margin-left: calc((100% - 1140px) / 2);
}
ul.our-clients li {
width: 252px;
height: 112px;
}
ul.our-clients li img {
width: 70%;
margin: 0 auto;
}
.contant-inner h3 {
font-size: 35px;
}   
.image-section h4 {
font-size: 30px;
}   
body:not(.home) h6 {
font-size: 34px;
}
body:not(.home) h5 {
font-size: 17px;
}
.col.image-ares span img {
height: 400px;
}
.about-section .row:last-child {
padding-top: 30px;
}
.mission-vision {
padding-bottom: 40px;
}   
.conntent h4 {
font-size: 26px;
}   
.conntent {
padding-left: 20px;
}   
.about-company, .about-location{
padding: 40px 0;
}
.clients-cont h2 {
font-size: 42px;
line-height: 52px;
}
} @media only screen and (max-width : 1366px) {
.clip.slick-current.slick-active .contr {
right: 4%;
font-size: 16.068px;
}
.clip.slick-current.slick-active .name {
font-size: 21.919px;
}
.tnp-subscription input[type=email]{
padding-left:20px !important;
}
.clip.slick-current.slick-active:after{
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
transform: scale(1);
}
.clip.slick-current.slick-active .name{
font-size: 26.919px;
left: 3%;
}
.clip.slick-current.slick-active .contr{
right: 4%;
font-size: 26.068px;
}
.clip .contr i{
padding-right: 12px;
}
.center .slick-current.slick-center img{
height:480px;
padding-top:0;
}
.clip.slick-slide img{
height:440px;
padding-top:40px;
}
footer#colophon .bg-copy{
padding:18px 70px;
}
.mainbtns h2 {
font-size: 14px;
padding: 5px;
}
#wpcf7-f141-o1 label {
font-size: 14px;
}
#wpcf7-f141-o1 input[type="submit"] {
font-size: 16px;
padding: 16px 50px;
}
ul#menu-secondary-header li a {
font-size: 14px;
}
header#masthead {
padding: 0 25px;
}
ul#menu-mainmenu li.menu-item-has-children {
padding-right: 28px;
}
ul#menu-mainmenu li a {
font-size: 14px;
}
ul#menu-mainmenu li:not(:last-child) {
padding-right: 10px;
}
ul#menu-mainmenu li.menu-item-has-children {
padding-right: 30px;
}
ul#menu-mainmenu li.menu-item-has-children:before {
margin-left: 5px;
}
.gtranslate_wrapper {
right: 8.3%;
}
.maindata1, .maindata2, .maindata3 {
top: 15px;
}
.detailsection h4 {
font-size: 50px;
line-height: 70px;
}
.contenttabs{
padding-top: 150px;
padding-bottom: 150px;
}
.contenttabs h2 {
font-size: 46px;
line-height: 50px;
}
.contenttabs ul li{
font-size: 20px;
margin-bottom: 4px;
}
.contenttabs a, .contentsection a, .first-part a, .slide-text a, .projects-section a.viewall {
padding: 15px 25px 15px 25px;
}
.detail-section h6{
font-size: 42px;
margin-bottom: 18px;
}
.detail-section p {
width: 90%;
padding-bottom: 20px;
font-size: 15px;
line-height: 24px;
}
.col-lg-6.piechartrgt ul.nav.nav-tabs li a,
.contentsection p, .contentsection ul li {
font-size: 14px;
}
.contentsection a {
margin-top: 0;
}
.col-lg-6.piechartrgt ul.nav.nav-tabs,
.contentsection p{
margin-bottom: 30px;
}
.flagship-section{
padding-top: 150px;
}
.flagship-section h2 {
width: 45%;
font-size: 40px;
}
.right p {
font-size: 13px;
line-height: 20px;
}
.quality-section h3{
font-size: 42px;
}
.quality-section p{
width: 52%;
font-size: 14px;
}
.col.image-ares span{
top: 40%;
}
.contactus-section .container-fluid, .sliderarea .container-fluid {
margin-left: calc((100% - 1140px) / 2);
}
.slide-text h3{
font-size: 60px;
line-height: 60px;
}
.slides-numbers{
width: 117px !important;
background-size: 100% 100%;
}
.slides-numbers span{
font-size: 35px;
line-height: 50px;
}
.slides-numbers span.active{
padding-top: 105%;
}
.sliderarea h2 {
font-size: 120px;
}
.logos-section h2,
.contactus-section h2,
.blogs-section h2,
.projects-section h2,
.testimonial-section h2{
font-size: 42px;
}
.contactus-section .col-sm-4{
margin-top: 50px;
}   
.bg-footer ul.menu li:not(last-child) {
padding-bottom: 10px;
}
.bg-footer ul.menu li a{
font-size: 14px;
line-height: 20px
}
ul.bottom-social li i {
color: #fff;
font-size: 14px;
}
footer#colophon .bg-footer {
padding: 40px 70px 30px 70px;
}
ul#menu-copyright-menu li a{
font-size: 13px;
}
ul#menu-copyright-menu li {
margin-right: 30px;
}
div#wpcf7-f75-o2 textarea{
height: 150px;
}
.contactus-section .col-sm-4{
padding-bottom: 17px;
}
ul.bottom-social li {
padding-right: 10px;
}
.logos-section .col-sm-6 p{
font-size: 14px;
line-height: 24px;
}
.logos-section{
padding-top: 0px;
padding-bottom: 0px;
}
.main{
width: 450px;
height: 450px;
}
.circle .icon-block,
.big-circle .icon-block{
background: transparent !important;
}
.circle{
width: 40%;
height: 40%;
}
.col-sm-3 .item-content p,
.col-sm-3 .item-content a,
.top-part p,
.bottom-part a,
.col-sm-6 .item-content p,
.col-sm-6 .item-content a{
font-size: 14px;
line-height: 24px;
}
.col-sm-3 .item-content h4,
.top-part h4{
font-size: 20px;
line-height: 20px;
}
.bg-footer h3.widget-title{
font-size: 22px;
}
h2.wp-block-heading {
font-size: 22px;
margin-bottom: 25px;
}
.col-sm-3 .item img,
.item.grn,
.item.blue{
height: 250px;
}
.col-sm-6 .item img{
height: 508px;
}
.col-sm-6 .item-content h4{
line-height: 40px;
font-size: 30px;
}
.col-sm-6 .item-content h6{
line-height: 25px;
font-size: 15px;   
}
.col-sm-6 .item-content h6,
.col-sm-6 .item-content h4,
.col-sm-6 .item-content p,
.col-sm-6 .item-content a{
padding-left: 10%;
}
.top-part p{
padding-bottom: 10px;
}
.col-sm-6 .item-content h4{
margin-bottom: 10px;
}
.col-sm-6 .item-content p {
padding-top: 30%;
}
.inner-category h4 {
font-size: 30px;
}
.custom-product .inner-category .product-content {
padding-left: 60px;
}
.custom-product .inner-category:nth-child(even) .product-content {
padding-right: 120px;
}
.custom-product {
position: relative;
}
.product-content ul {
margin-top: 15px !important;
}
.core-image > img {
width: 500px;
}
.box-icon .ic-cont h5{
font-size: 18px;
}
.box-icon .ic-cont p {
font-size: 15px;
}
.c-icon {
width: 120px;
height: 120px;
}
.core-image .box-icon.top-icon {
top: -82px;
}
.core-image .box-icon.left-one-icon {
left: -245px;
width: 80%;
top: 123px;
}
.core-image .box-icon.left-two-icon {
left: -245px;
width: 80%;
bottom: 128px;
}
.core-image .box-icon.right-one-icon {
right: -243px;
width: 80%;
top: 122px;
}
.core-image .box-icon.right-two-icon {
right: -242px;
width: 80%;
bottom: 128px;
}
.core-image .box-icon.bottom-icon {
bottom: -55px;
}
}
@media only screen and (max-width: 1199px){
#anodizing-counter .counter-icon {
min-height: 85px;
}
.inner-testimonial {
padding: 15px 5px;
}
.testimonial-col {
padding: 20px 10px;
}
.testimonial-info h4 {
font-size: 14px;
margin-bottom: 4px;
}
.testimonial-info p {
font-size: 11px;
}
.testimonial-detail p {
font-size: 13px;
}
div#main-testimonial li button {
width: 12px !important;
height: 12px !important;
}
header#masthead {
margin-top: 10px;
padding: 0 10px;
}
.menu-secondary-header-container {
padding-right: 15px;
}
.detail-section p {
font-size: 14px;
line-height: 22px;
}
.projects-section p {
width: 60%;
font-size: 14px;
}
ul#menu-mainmenu li:not(:last-child) {
padding-right: 5px;
}
ul#menu-mainmenu li.menu-item-has-children {
padding-right: 20px;
}
ul#menu-mainmenu li a {
font-size: 13px;
}
ul#menu-secondary-header li a {
font-size: 13px;
}
ul#menu-mainmenu li.menu-item-has-children:before {
background-size: 100%;
width: 10px;
height: 10px;
top: 17px;
margin-left: 4px;
}
ul#menu-secondary-header li:not(:last-child) {
padding-right: 10px;
}
.topbar ul.bottom-social {
margin-right: 15px;
padding-left: 10px;
}
.topbar .bottom-social li {
padding-right: 10px;
}
.banner-head {
max-width: 60%;
margin-top: 30px;
}
.breadcrumbs span {
font-size: 14px;
}
.banner-head h1 {
font-size: 36px;
line-height: 38px;
margin-bottom: 0;
}
.image-section h4 {
font-size: 28px;
}
.sideareabuttons .mainbtns {
padding: 8px;
margin: 3px 0;
}
.mainbtns h2 {
font-size: 14px;
padding: 5px;
}
.home-arrow {
bottom: 60px;
left: 30px;
}
.image-section {
width: 50%;
} 
.image-section:before {
width: 450px;
height: 200px;
}   
.col-md-6 .image-section {
width: 100%;
}
.contact-submit:before {
margin-left: 15px;
}
body:not(.home) h6 {
font-size: 30px;
}
.contant-inner h3 {
font-size: 30px;
}
.col-lg-6.piechartrgt ul.nav.nav-tabs li:not(:last-child) {
padding-right: 5px;
}
.col-lg-6.piechartrgt ul.nav.nav-tabs li a, .contentsection p, .contentsection ul li {
font-size: 12px;
line-height: 20px;
}
.pie-chart {
margin-left: -20px;
transform: scale(0.7);
}
.inner-category h4 {
font-size: 28px;
}
.custom-product .inner-category .product-content {
padding-left: 50px;
}
.custom-product .inner-category:nth-child(even) .product-content {
padding-right: 50px;
}   
li {
font-size: 15px;
}
.bg-footer h3.widget-title {
font-size: 20px;
margin-bottom: 25px;
}
h2.wp-block-heading {
font-size: 20px;
}
.tnp-subscription input[type=email] {
padding-left: 15px !important;
font-size: 14px !important;
}
footer#colophon .bg-copy {
padding: 18px 60px;
}
ul#menu-copyright-menu li {
margin-right: 15px;
}
.detailsection h4 {
font-size: 44px;
}
.detailsection p, .detailsection.thrd-item p {
width: 80%;
}
.flagship-section h2 {
width: 45%;
font-size: 32px;
}
.maintabs-area .tab {
padding-bottom: 40px;
}
.maintabs-area .tab {
font-size: 20px;
}
.contenttabs h2 {
font-size: 40px;
line-height: 50px;
}
.contenttabs ul li {
font-size: 18px;
margin-bottom: 0px;
}
.certification-tab {
display: flex !important;
flex-wrap: wrap;
}
.membership-tab {
display: flex;
flex-wrap: wrap;
}
.certification-tab .col.image-ares {
flex: auto;
margin: 10px 10px;
}
.membership-tab .col.image-ares {
flex: auto;
margin: 10px 10px;
}
.col.image-ares span {
top: 0;
}
.sliderarea {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 90px;
}
.slide-text h3 {
font-size: 40px;
line-height: 50px;
}
.client-container {
margin-left: calc((100% - 960px) / 2);
}
.clients-cont p {
font-size: 14px !important;
line-height: 20px;
}
.contactus-section .container-fluid, .sliderarea .container-fluid {
margin-left: calc((100% - 960px) / 2);
}
.conntent h4 {
font-size: 24px;
}   
.conntent {
padding-left: 25px;
}   
.icon-section .conntent p {
font-size: 16px;
}
.side-titles h4 {
font-size: 25px;
padding: 50px 20px;
}
.clients-cont h2 {
font-size: 35px;
line-height: 45px;
}
footer#colophon .bg-footer {
padding: 50px 60px 50px 60px;
}
.sliderInner .inner-content .text h2 {
font-size: 30px;
}
.sliderInner .inner-content .text h2 span {
font-size: 50px;
}
.quality-section h3 {
font-size: 38px;
}
.flagship-section .botm.row {
margin-top: 150px;
padding-bottom: 50px;
}
.projects-section p {
margin-bottom: 50px;
width: 70%;
}
.inner-product h6 {
font-size: 16px !important;
}
body:not(.home) p {
font-size: 15px;
}
.product-image {
width: 50%;
}
.view-btn a {
font-size: 15px;
padding: 18px 30px 18px 30px;
}
.req-detail {
padding-right: 10px;
}
.num-span {
font-size: 38px;
margin-left: 7px;
}
.counter-box p {
width: 150px;
font-size: 13px;
}
.team_grid .team-item .team-cont {
margin-left: -10px;
}
.team-cont h4, .team_grid .popup-content .team-cont h4 {
font-size: 32px;
}
.team_grid .team-cont h4 {
font-size: 18px;
margin-bottom: 5px;
}
.team-popup_content {
padding: 50px 70px;
}
div#details-area .contactbox h3 {
font-size: 15px;
}
div#details-area .contactbox.africa {
bottom: 30%;
left: 0%;
}	
div#details-area .contactbox.asia {
top: 20%;
right: 30%;
}
div#details-area .contactbox.australia {
top: 32%;
right: 25%;
}
div#details-area .contactbox.namer {
top: 40%;
left: 20%;
}
div#details-area .arrow-up {
display: none;
} .sliderYear h2 {
font-size: 60px;
}
.sliderImage {
height: 160px;
}	
.sliderImage img {
width: 70%;
}
.timeline-title h4 {
font-size: 20px;
}
.custom-timeline {
margin-bottom: 0;
margin-top: 100px;
}
.inner-time.slick-current .custom-timeline {
margin-top: 45px;
margin-bottom: 0;
}
.slide_time .inner-time {
padding: 20px 0;
}
video#mainvideo {
height: 55vh;
}
}
@media only screen and (max-width: 1140px){
video#mainvideo {
height: 50vh;
}
}
@media only screen and (max-width: 1024px){
video#mainvideo {
height: 48vh;
}
}
@media only screen and (max-width: 991px){
video#mainvideo {
height: 45vh;
}
.icon-section {
height: 320px;
display: block;
padding: 15px;
}
.icon-section .icon {
margin-bottom: 20px;
}
.icon-section:before {
bottom: -30px;
right: -30px;
transform: scale(0.7);
}
.about-section + .about-image-section .align-items-center {
align-items: flex-start !important;
}
.banner-head h1 {
font-size: 28px;
line-height: 38px;
}   
.image-section h4 {
font-size: 22px;
padding: 0 20px;
bottom: 40px;
}
body:not(.home) p {
font-size: 15px;
}
.product-content ul li {
padding: 2px 0;
}
.product-desc {
padding-top: 30px;
}
.services-inner-title p {
line-height: 24px;
}
li {
font-size: 16px;
}
.image-section:before {
width: 400px;
height: 200px;
bottom: 0;
}
.contact-main-sect {
padding: 50px 0px;
}   
.contact-second-sec {
padding: 50px 0px;
}
.about-location {
padding: 50px 0px;
}
.location-top {
margin-bottom: 20px;
}   
body:not(.home) h6 {
font-size: 25px;
}   
body:not(.home) h5 {
font-size: 15px;
}   
.pin-details ul li {
font-size: 16px;
margin-right: 20px;
}
.address-col:first-child {
padding-right: 20px;
}
.address-col:nth-child(2) {
padding: 0 20px;
}   
.address-col:last-child {
padding-left: 20px;
}   
.address-col ul li {
font-size: 16px;
}   
body:not(.home) h5:before {
padding-right: 0;
left: -10px;
}
.email-box {
padding: 10px;
margin: 0px 10px 0px 0px;
}
.contant-inner h3 {
font-size: 25px;
}
.image-section img {
width: 100%;
}
.enquiryForm {
margin-top: 20px;
}
.inner-category h4 {
font-size: 26px;
}
.custom-product .inner-category .product-content {
padding-left: 40px;
}
.custom-product .inner-category:nth-child(even) .product-content {
padding-right: 40px;
}
.product-post {
grid-template-columns: repeat(3, 1fr);
}
li {
font-size: 15px;
}
.info-div {
margin-top: 20px;
}   
.desc-inner h4, .info-div h4 {
font-size: 20px;
line-height: 30px;
}
.bg-footer h3.widget-title {
font-size: 20px;
}
h2.wp-block-heading {
font-size: 20px;
}
footer#colophon .bg-footer {
padding: 40px 25px 20px;
}
footer#colophon .bg-copy {
padding: 18px 30px;
}   
.tnp-subscription input[type=email] {
font-size: 13px !important;
}
form .tnp-field input[type="submit"] {
height: 50px !important;
width: 53px;
background-size: cover;
left: 8px;
top: -1px;
}
.col-sm-3.footer-columns.footer-4 {
padding: 0;
}
div#block-10 p::before {
display: block;
}
ul#menu-copyright-menu li {
margin-right: 5px;
}
ul#menu-copyright-menu li a {
font-size: 12px;
}
nav#secondary-site-navigation {
display: none;
}
#wprmenu_bar {
width: 100% !important;
}
#wprmenu_bar .menu_title a {
top: 0 !important;
text-decoration: none;
}
.border-box {
display: none;
}
header#masthead {
padding: 0 10px;
margin-top: 0px;
}
header#masthead .col-sm-9 {
display: flex;
align-items: center;
justify-content: end;
}
.detailsection h4 {
font-size: 36px;
}
.company-details .d-flex {
justify-content: center;
}
.col-sm-6.detailsection.sec-item p {
width: 100%;
}
.detailsection p, .detailsection.thrd-item p {
width: 100%;
font-size: 14px;
}
.col-sm-6.detailsection.sec-item {
padding-left: 0;
text-align: center;
}
.maintabs-area .tab {
font-size: 16px;
}
.contenttabs {
padding-top: 70px;
padding-bottom: 70px;
}
.contenttabs h2 {
font-size: 36px;
line-height: 44px;
}
.contentsection a, .contenttabs a, .first-part a, .slide-text a, .projects-section a.viewall {
font-size: 16px;
}
.whatweoffer-section {
padding-top: 50px;
padding-bottom: 50px;
background-size: cover;
}
.flagship-section {
padding-top: 70px;
}
.flagship-section h2 {
width: 50%;
font-size: 30px;
}
.flagship-section .botm.row {
margin-top: 80px;
padding-bottom: 50px;
}
.bg-area {
padding: 20px;
}
.bg-area img {
width: 30%;
padding-right: 0;
}   
.bg-area .right {
width: 100%;
margin-top: 10px;
}
.col.image-ares span img {
height: auto;
}
.projects-section p {
margin-bottom: 30px;
width: 80%;
}
.contactus-section .container-fluid, .sliderarea .container-fluid {
margin-left: calc((100% - 720px) / 2);
}
.sliderarea h2 {
font-size: 100px;
}
.slide-text h3 {
font-size: 34px;
line-height: 42px;
margin-bottom: 15px;
}
.slide-text a {
font-size: 16px;
}
.logos-section h5, .contactus-section h5, .blogs-section h5, .projects-section h5, .testimonial-section h5 {
font-size: 18px;
}
.logos-section h2,
.contactus-section h2,
.blogs-section h2,
.projects-section h2,
.testimonial-section h2 {
font-size: 34px;
}
.clip.slick-current.slick-active .name {
font-size: 22.919px;
}
.clip.slick-current.slick-active .contr {
right: 4%;
font-size: 23.068px;
}
.banner-head {
margin-top: 0px;
}
.blogs-section .row > div {
width: 100%;
padding: 0 10px;
}
.blogs-section .col-sm-3.first-se, .blogs-section .col-sm-3.last-sec {
padding-left: 10px;
display: flex;
}
.col-sm-3 .item {
margin-bottom: 0 !important;
}
.client-container {
margin-left: calc((100% - 720px) / 2);
display: block;
}
.clients-cont h5 {
font-size: 18px;
margin-bottom: 5px;
}
.clients-cont h2 {
font-size: 34px;
}
.clients-cont {
width: 100%;
padding-right: 20px;
}
.contactus-section .col-sm-4 h3 {
font-size: 26px;
}
.contactus-section .row > div {
width: 100%;
}
.contactus-section .col-sm-4 {
margin-top: 20px;
padding: 20px 20px;
}
ul.nav li.nav-item a {
font-size: 16px;
padding: 15px 30px;
display: inline-block;
}
.padding-section {
padding: 40px 0;
}
.mission-vision {
padding-bottom: 40px;
}   
.conntent h4 {
font-size: 22px;
}   
.conntent {
padding-left: 20px;
}   
.about-company {
padding: 40px 0;
}
.clients-cont h2 {
font-size: 30px;
line-height: 40px;
}
.slider-banner-image img {
width: 400px;
height: 400px;
}
.histtory {
height: 500px;
width: 65%;
}
.history-years-vertical__years, .history-years-vertical__years p {
font-size: 160px !important;
}
.side-titles h4 {
font-size: 22px;
padding: 40px 20px;
}
.about-image-section .image-section {
width: auto;
}
.col-sm-6 .item {
display: block;
}
.contenttabs h2 {
font-size: 34px;
line-height: 40px;
}   
.contenttabs ul li {
font-size: 16px;
margin-bottom: 0px;
}
.qualcerti-section, .quality-section {
background-color: white !important;
}
.image-ares span {
display: none !important;
}
.image-ares a{
pointer-events: auto;
}
#wprmenu_bar {
z-index: 99999 !important;
}
.sliderInner .inner-content .text h2 {
font-size: 30px;
}
.sliderInner .inner-content .text h2 span {
font-size: 40px;
}
div#image-map {
left: 0;
width: auto;
}
.topbar .ssearchButton {
display: none;
}
.topbar ul.bottom-social {
display: none;
}
.topbar form.cs-search-form{
display: none;
}
.menu_title a {
display: none !important;
}
body.logged-in .mobile-topp {
top: 46px;
}
.mobile-topp {
display: flex;
align-items: center;
height: 42px;
position: fixed;
z-index: 9999999;
top: 0;
left: 10px;
}
ul.bottom-social {
padding: 0;
margin: 0 !important;
}
.ssearchButton {
margin-right: 10px !important;
margin-top: 0 !important;
}
header#masthead .col-sm-3 {
width: 30%;
}   
header#masthead .col-sm-9 {
width: 70%;
}
.core-section-center {
padding-top: 30px;
padding-bottom: 0;
}
.core-image > img {
display: none;
}
.core-image .box-icon {
position: relative;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
display: flex;
align-items: center !important;
flex-direction: row-reverse !important;
width: 100% !important;
text-align: left !important;
justify-content: flex-end;
margin-bottom: 20px !important;
}
.core-image .box-icon .ic-cont {
opacity: 1 !important;
}
.core-image .box-icon .ic-cont {
text-align: left !important;
padding-left: 20px;
padding-right: 0 !important;
}
div#counter-box-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
}	
.counter-box:before {
display: none;
}
.team-item {
display: block;
}
.team-col1 .team-item {
top: 100px;
}
.team_members {
padding-top: 40px;
}
.team_members .team-col1 {
padding-right: 30px;
}	
.team-cont {
margin-top: 10px;
}
.team-col1 .team-item .team-image {
width: 100%;
}
.team-col1 .team-item .team-cont {
width: 100%;
margin-left: 0;
}
.team_grid {
grid-gap: 30px 30px;
}
.team_grid .team-item .team-image {
width: 100%;
}
.team_grid .team-item .team-cont {
width: 100%;
margin-left: 0;
}
.inner-cont {
height: 250px;
padding-right: 30px;
} .contactus-section {
padding-bottom: 140px;
}
.col-sm-8.mapsection {
margin-top: 150px;
}
div#details-area > div {
border-radius: 10px;
}
.namerica {
top: 60%;
left: 0%;
}
.europe {
top: -25%;
right: unset;
left: 0;
}
.africa {
bottom: -25%;
left: 27%;
}
.meast {
bottom: -25%;
left: 65%;
}
div#details-area div h2 {
font-size: 14px;
border-radius: 10px 10px 0px 0px;
padding: 12px;
padding-right: 30px;
}
div#details-area div ul {
padding-left: 10px;
padding-top: 10px;
padding-bottom: 0;
padding-right: 10px;
} .company-timeline {
background-size: 100% 110px;
}
.company-timeline button.slick-arrow {
width: 35px;
height: 35px;
}
.sliderYear h2 {
font-size: 50px;
}
.timeline-title h4 {
font-size: 16px;
}
.sliderImage {
position: relative;
height: 130px;
}
.custom-timeline {
margin-bottom: 0;
margin-top: 100px;
}
.inner-time.slick-current .custom-timeline {
margin-top: 40px;
margin-bottom: 0;
}
.company_top {
margin-bottom: 10px;
}
.inner-time:not(.slick-current) .sliderYear:after {
height: 100px;
}
.inner-time.slick-current .sliderYear:before {
height: 100px;
}
}
@media only screen and (max-width : 930px){
video#mainvideo {
height: 35vh;
}
} @media only screen and (max-width : 767px) {
.col-sm-8.mapsection {
margin-top: 0;
}
div#details-area .contactbox.mid_east {
width: 100%;
}
#anodizing-counter .counter-box p {
width: 100%;
}
.testimonial-section {
padding: 20px 0;
}
div#main-testimonial ul.slick-dots {
padding-top: 15px;
}
.custom-counter {
padding: 20px 0;
}
div#counter-box-container {
display: block;
}
.counter-icon {
justify-content: center;
}
.counter-box p {
width: 100%;
text-align: center;
}
.career-tabs {
text-align: center;
}
div#tabs-content {
text-align: left;
}
ul#career-tabs-nav {
display: inline-flex;
flex-direction: column;
align-items: center;
}
ul#career-tabs-nav li {
display: inline-block;
}
#career-tabs-nav li.active:before {
bottom: 0;
left: 0;
}
.bg-footer h3.widget-title:before, h2.wp-block-heading:before {
position: relative;
left: -10px;
top: 5px;
}
.social-section {
padding: 20px 0px 20px;
}
ul.nav li.nav-item a {
margin-bottom: 10px;
}
.contactus-section {
padding-top: 30px;
padding-bottom: 30px;
}   
#wprmenu_bar .menu_title a {
display: none !important;
}
.banner-head h1 {
font-size: 25px;
line-height: 35px;
}
.banner-image img {
height: auto;
min-height: 200px;
object-fit: cover;
object-position: right;
}   
.image-section h4 {
font-size: 20px;
}
.image-section {
width: 100%;
}
.image-section:before {
width: 330px;
height: 150px;
}   
.image-section h4 {
bottom: 20px;
}
.contant-inner h3 {
font-size: 22px;
}
.contact-main-sect {
padding: 30px 0px;
}   
.form-inner {
padding: 0;
}
.form-inner span {
padding: 10px 0px;
}   
.address-inner {
display: block;
}   
.address-col:first-child {
padding: 0px 0px 20px 0px;
}
.address-col:first-child ul {
width: auto;
}   
.address-col:nth-child(2) {
padding: 20px 0px 0px 0px;
border-bottom: 1px dashed #C7C7C7;
border-top: 1px dashed #C7C7C7;
border-left: none;
border-right: none;
}
.address-col:last-child {
padding: 20px 0px 0px 0px;
}
.about-location {
padding: 20px 0px;
}   
.contact-second-sec {
padding: 30px 0px;
}   
.address-col:last-child ul li {
margin-bottom: 10px;
}   
.email-boxes {
padding-top: 10px;
}
.email-boxes {
grid-template-columns: repeat(1, 1fr);
gap: 20px;
}   
.email-box {
padding: 20px;
margin: 0;
}
.location-top {
display: block;
margin-bottom: 20px;
}   
body:not(.home) h6 {
font-size: 22px;
}   
.pin-details h4 {
font-size: 18px;
margin-bottom: 10px;
}   
.pin-details ul {
display: block;
}   
.pin-details ul li {
margin-right: 0;
}   
.projects-section{
padding: 30px 0px 30px; 
}   
.product-section {
padding: 30px 0px;
}
.custom-product .product-item:not(:last-child) {
padding-bottom: 10px;
}
.custom-product .product-item {
display: block;
}
.custom-product .product-item .product-content {
width: 100%;
}   
.custom-product .product-item .product-content {
padding: 20px 0px;
}
.inner-category h4 {
font-size: 22px;
}   
.product-cont {
margin-bottom: 20px;
}
.custom-product .inner-category:nth-child(even) .product-content {
padding-right: 0;
}   
.product-section .request-information {
margin-top: 20px;
}
.product-post {
grid-template-columns: repeat(1, 1fr);
}           
.product-item .product-summary {
width: 100%;
padding-right: 0;
}   
.product-image {
width: 100%;
}   
.desc-inner h4, .info-div h4 {
font-size: 18px;
line-height: 28px;
}
footer#colophon .bg-footer {
padding: 30px;
}   
div#block-10 p::before {
display: inline-block;
}   
.footer-columns {
text-align: center;
padding: 0;
}   
.bg-footer ul.menu li:not(last-child) {
padding-bottom: 10px;
}
.footer-1 ul.bottom-social {
margin-top: 10px;
}   
.bg-footer ul.menu {
margin-left: 0;
}   
.bg-footer h3.widget-title {
margin-bottom: 15px;
}   
p.copy-text {
text-align: center;
}   
div.tnp-subscription {
margin: 20px 0px !important;
}   
h2.wp-block-heading {
margin-bottom: 15px;
}   
.bg-copy .row {
flex-direction: column-reverse;
}
ul#menu-copyright-menu {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 10px;
}
ul#menu-copyright-menu li {
margin-right: 0;
}   
footer#colophon .bg-copy {
padding: 30px;
}
.sideareabuttons {
display: none;
}
video#mainvideo {
height: auto;
}
.detailsection {
border: none;
}
.detailsection.thrd-item p {
float: none;
text-align: center;
}
.detailsection.thrd-item .d-flex {
text-align: center;
float: none;
}
.certification-tab {
display: block !important;
}
.membership-tab {
display: block;
}
.sliderarea h2 {
font-size: 50px;
}
.client-container {
margin: 0 auto;
padding: 0 10px;
}
.contactus-section .container-fluid, .sliderarea .container-fluid {
margin-left: auto;
margin-right: auto;
}
.clip.slick-slide img {
height: auto;
padding-top: 0;
}
.center .slick-current.slick-center img {
height: auto;
padding-top: 0;
}
.quality-section h3 {
font-size: 24px;
}
.quality-section p {
width: 90%;
margin-bottom: 30px;
}
ul.nav {
margin-bottom: 30px;
}
.blogs-section .col-sm-3.first-se, .blogs-section .col-sm-3.last-sec {
display: block;
}
.row.first-part {
padding: 0 10px;
}
.bg-area img {
width: auto;
}
.flagship-section {
background-size: cover;
}
.flagship-section h2 {
width: 100%;
font-size: 26px;
}
.slides-numbers {
display: none !important;
}
.sliderarea .slick-slide {
padding: 20px 10px;
}
.slide-text {
position: relative;
bottom: 0;
left: 0;
}
.slide-content {
max-width: 100%;
}
.slide-text h3 {
font-size: 26px;
line-height: 32px;
}
.sliderarea {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 0;
}
.sliderarea h2 {
position: relative;
top: 0;
left: 0;
}
.maintabs-area .tabs {
flex-wrap: wrap;
}
.maintabs-area .tab {
width: 50%;
}
.contenttabs {
padding: 60px 20px;
}
.detail-section h5 {
font-size: 16px;
margin-bottom: 5px;
}
.detail-section h6 {
font-size: 26px;
}
.detail-section p {
font-size: 14px;
line-height: 18px;
}
.col-lg-6.piechartrgt ul.nav.nav-tabs li {
margin-bottom: 10px;
}
.contentsection a, .first-part a, .projects-section a.viewall {
font-size: 14px;
}
.blogs-section {
padding-top: 10px;
}
.detailsection p, .detailsection.thrd-item p {
text-align: center;
}
div#image-map {
left: 0;
width: 100%;
}
.pin ul {
opacity: 1;
}
.about-image-section .row {
flex-direction: column-reverse;
grid-gap: 20px;
}
.icon-section {
padding: 20px 20px;
grid-gap: 30px;
}
.icon-section .icon {
margin-bottom: 10px;
}
.about-image-section.padding-section .row {
flex-direction: column;
}   
.padding-section {
padding: 30px 0;
}
.mission-vision {
padding-bottom: 30px;
}   
.conntent h4 {
font-size: 20px;
}   
.conntent {
padding-left: 0px;
padding-top: 20px;
}   
.about-company {
padding: 30px 0;
}
.clients-cont h5 {
font-size: 16px;
margin-bottom: 5px;
}
.clients-cont h2 {
font-size: 26px;
line-height: 34px;
}   
.pin ul {
width: 100%;
}   
.pin ul li:first-child {
font-size: 14px;
}   
.pin ul li:not(:last-child) {
margin-bottom: 10px;
}   
.pin ul li i {
font-size: 15px;
}
.col-sm-6 .item-content p {
padding-top: 0;
}
.col-sm-6 .item-content h6, .col-sm-6 .item-content h4, .col-sm-6 .item-content p, .col-sm-6 .item-content a {
padding-left: 5%;
}
.col-sm-6 .item img {
height: 300px;
}
.col-sm-6 .item-content h4 {
line-height: 24px;
font-size: 22px;
width: 90%;
}
.col-sm-6 .item-content h6 {
line-height: 20px;
font-size: 14px;
width: 90%;
}
.col-sm-6 .item-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.logos-section h5, .contactus-section h5, .blogs-section h5, .projects-section h5, .testimonial-section h5 {
font-size: 16px;
margin-bottom: 5px;
}
.logos-section h2,
.contactus-section h2,
.blogs-section h2,
.projects-section h2,
.testimonial-section h2 {
font-size: 26px;
}
.flagship-section h5 {
font-size: 16px;
}   
.flagship-section .botm.row {
margin-top: 50px;
padding-bottom: 30px;
}
.flagship-section .botm.row .col-sm-4 {
margin-bottom: 10px;
}
.right h4 {
font-size: 20px;
}
.maintabs-area .tab span {
margin-top: 40px;
}
.maintabs-area .tab span {
font-size: 14px;
}
.contenttabs h2 {
font-size: 26px;
line-height: 34px;
}
.contenttabs ul li {
font-size: 14px;
margin-bottom: 0px;
}
.contentsection a, .contenttabs a, .first-part a, .slide-text a, .projects-section a.viewall {
font-size: 14px;
}
.col-lg-6.piechartrgt ul.nav.nav-tabs, .contentsection p {
margin-bottom: 20px;
}
.histtory {
height: 300px;
width: 100%;
left: 0;
top: 0;
}
.company-records {
margin-top: 40px;
}
.banner-slider {
display: block;
}
.banner-slider .slider.slider-for {
max-width: 100%;
}
.banner-slider .slider.slider-nav {
padding-bottom: 40px;
padding-top: 40px;
max-width: 100%;
}
.slider-banner-image img {
width: 100%;
height: auto;
}
.history-years-vertical__years, .history-years-vertical__years p {
font-size: 110px !important;
}
.side-titles h4 {
font-size: 18px;
padding: 5px 15px;
}
.logo-carousel {
margin-left: 0;
}
.logo-carousel:before {
display: none;
}
ul.our-clients {
animation: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0;
grid-gap: 10px;
}
ul.our-clients > li:nth-child(n+7) {
margin-left: 80px;
margin-right: -80px;
margin: 0;
}
ul.our-clients li {
width: 160px;
height: 90px;
}
.product-content ul {
margin-top: 10px !important;
}
.banner-head {
max-width: 90%;
margin-top: 50px;
}
.breadcrumbs span {
font-size: 14px;
line-height: 20px;
}
.pie-chart {
margin-left: -100px;
transform: scale(0.45);
height: 320px;
top: -60px;
}
video#mainvideo {
height: 30vh !important;
} .sideareabuttons {
display: block;
height: auto !important;
position: relative;
padding-bottom: 0;
}
.sideareabuttons .mainbtns {
padding: 0;
margin: 5px 0;
writing-mode: initial;
transform: scale(1);
width: 100% !important;
}
.mainbtns h2 {
font-size: 15px;
padding: 15px;
background-color: black;
display: flex;
align-items: center;
justify-content: space-between;
}
.mainbtns h2:after {
margin-top: 0;
}
.maindata1 {
height: 300px;
width: 300px;
background-size: contain;
right: -1px;
}
.maindata2 {
height: 320px;
width: 300px;
background-size: cover;
}
.maindata3 {
height: 401px;
width: 300px;
background-size: contain;
}
.maindata1 a {
font-size: 12px;
padding: 10px 25px 10px 25px;
right: -50%;
}
.maindata2 p {
width: 95%;
padding-left: 20%;
padding-bottom: 20px;
font-size: 12px;
line-height: 15px;
}
.maindata2 a {
font-size: 12px;
padding: 10px 25px 10px 25px;
right: -50%;
top: 65%;
}
#wpcf7-f141-o1 label {
font-size: 10px;
margin-bottom: 5px;
}
#wpcf7-f141-o1 input {
font-size: 12px;
padding: 10px;
margin-top: 5px;
}
#wpcf7-f141-o1 textarea {
font-size: 12px;
padding: 10px;
margin-top: 5px;
height: 80px;
}
#wpcf7-f141-o1 input[type="submit"] {
font-size: 12px;
padding: 12px 20px 12px 20px;
} .detailsection.thrd-item {
align-items: center;
}
.sliderInner .inner-content .text h2 {
font-size: 24px;
margin-bottom: 15px;
}
.sliderInner .inner-content .text h2 span {
font-size: 30px;
padding-right: 5px;
}
.sliderInner .image img {
height: 50vh;
}
.home-arrow {
bottom: 10px;
left: 10px;
}
.home-arrow .slick-arrow {
width: 40px;
height: 40px;
}
.footer-columns:first-child {
margin-bottom: 25px;
}
header#masthead .col-sm-3 {
width: 60%;
}   
header#masthead .col-sm-9 {
width: 40%;
}
.image-section h4 {
bottom: 30px !important;
position: absolute !important;
height: auto !important;
}
.maindata1, .maindata2, .maindata3 {
top: 100px;
}
.detailsection.thrd-item {
display: block;
}
.detailsection.thrd-item .d-flex {
justify-content: space-between;
}
.detailsection {
padding: 10px 0;
}
.detailsection img {
width: 50px;
}
.certification-tab .col.image-ares, .membership-tab .col.image-ares {
padding: 25px;
}
.projects-section p {
width: 100%;
}
.core-image .box-icon.top-icon .ic-cont {
margin-bottom: 0;
}
.core-image .box-icon .ic-cont {
padding-left: 15px;
}
.core-image .box-icon {
margin-bottom: 15px !important;
}
.c-icon {
width: 100px;
height: 100px;
flex-shrink: 0;
padding: 25px;
}
.box-icon .ic-cont h5 {
font-size: 16px;
margin-bottom: 5px;
}
.box-icon .ic-cont p {
font-size: 13px;
}
.page-template-about .team_inner {
max-width: 90%;
}	
.team_members {
display: block;
text-align: center;
}
.team_members .team-col1 {
width: 100%;
padding-right: 0;
}
.team_members .team-col2 {
width: 100%;
}
.team_grid {
grid-gap: 20px 20px;
padding-top: 30px;
}
.team-popup_content {
display: block;
padding: 40px 20px;
}
.popup-image {
width: 65%;
margin: 0 auto;
}
.popup-content {
width: 100%;
padding: 0;
}
.inner-cont {
height: 150px;
padding-right: 30px;
}
.team-cont h4, .team_grid .popup-content .team-cont h4 {
font-size: 26px;
margin-bottom: 5px;
}
.team-cont p.subtitle {
font-size: 12px !important;
margin-bottom: 10px;
}
.team-popup_content:before {
width: 151px;
height: 184px;
}
.team_inner {
max-width: 95%;
}
.team-section {
padding-top: 30px !important;
}
.meet_btn.contentsection {
bottom: 20px;
} div#details-area > div {
position: static;
display: flex;
flex-direction: column;
margin-bottom: 12px;
}
div#details-area .contactbox {
position: static !important;
margin-top: 20px;
}
.custom_info {
display: block;
} .company-history {
padding: 30px 0;
}
.inner-time.slick-current .custom-timeline {
flex-direction: column;
}
.custom-timeline {
margin-bottom: 0;
margin-top: 0;
position: relative;
}
.slick-current .sliderImage img.second-image, .sliderImage img.second-image {
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.sliderImage {
height: auto;
}
.company-timeline button.slick-arrow {
right: 0;
z-index: 999;
}
.company-timeline button.slick-prev {
left: 0;
}
.sliderYear:before, .sliderYear:after {
display: none !important;
}
.inner-time.slick-current .custom-timeline {
margin-top: 0;
margin-bottom: 0;
}
.slick-current .sliderYear {
margin-bottom: 0;
margin-top: 0;
}
.sliderYear {
margin-bottom: 0;
}
.company-timeline {
background: none;
}
.sliderYear h2 {
color: black;
}
}
@media only screen and (max-width: 630px){
video#mainvideo {
height: 25vh !important;
}
}
@media only screen and (max-width: 585px){
video#mainvideo {
height: 20vh !important;
}
}
@media only screen and (max-width: 475px){
video#mainvideo {
height: 18vh !important;
}
}
@media only screen and (min-width: 414px) {    
.pie-chart {
margin-left: 0px;
}
}
@media only screen and (min-width: 375px) {
.pie-chart {
margin-left: -75px;
}
}
@media only screen and (max-width: 375px) {
video#mainvideo {
height: 16vh !important;
}
}
@media only screen and (max-width: 325px) {
video#mainvideo {
height: 15vh !important;
}
}
@media only screen and (max-width: 320px) {
video#mainvideo {
height: 14vh !important;
}
}