@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Black.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'zillaslab';
    src: url('../fonts/zillaslab-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'zillaslab';
    src: url('../fonts/zillaslab-regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

html,
body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    min-height: 100%;
}

body {
    font-family: 'Poppins';
    color: #24272c;
    font-weight: normal;
    font-style: normal;
    font-size: 15px;
    background: #fff;
}

* {
    box-sizing: border-box;
}

a,
a:link,
a:visited {
    outline: none;
    text-decoration: none;
    -moz-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    color: #81161c;
}

img {
    border: none;
    margin: 0px;
    max-width: 100%;
    display: block;
}

h1 {
    font-weight: normal;
    font-size: 28px;
    margin: 0px;
    padding: 0px;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

h2 {
    font-weight: normal;
    font-size: 24px;
    margin: 0px;
    padding: 0px;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

form,
input,
select,
textarea,
p {
    margin: 0px;
    padding: 0;
    color: #37393d;
    font-size: 16px;
    resize: none
}

input:focus,
textarea:focus,
select {
    outline: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Positions background arrow image */
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAh0lEQVQ4T93TMQrCUAzG8V9x8QziiYSuXdzFC7h4AcELOPQAdXYovZCHEATlgQV5GFTe1ozJlz/kS1IpjKqw3wQBVyy++JI0y1GTe7DCBbMAckeNIQKk/BanALBB+16LtnDELoMcsM/BESDlz2heDR3WePwKSLo5eoxz3z6NNcFD+vu3ij14Aqz/DxGbKB7CAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: 97% center;
}

.arabic select {
    background-position: 3% center;
    text-align: right !important;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time {
    display: block;
    margin: 0px;
    padding: 0;
}

.customClear {
    clear: both;
    font-size: 0em;
    line-height: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
}

p {
    margin: 0px;
    padding: 0;
    color: #82869b;
    font-size: 16px;
    font-weight: 300;
}

ul {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
    margin-inline-start: 0px;
    padding: 0;
}


/*IE below 9*/

#ieWrapper {
    background: #000;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.ieHolder {
    position: relative;
    width: 555px;
    padding: 20px;
    margin: 200px auto 0 auto;
    background: #FFF;
    border: 7px solid #2b2927;
}

.btnIeUpdate {
    background: url(../images/btnIeUpdate.jpg) 0 0 no-repeat;
    width: 144px;
    height: 37px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    color: #fff;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.ieLogo {
    float: left;
    width: 134px;
    height: 139px;
    background: url(../images/ieLogo.jpg) no-repeat 0 0;
}

.ieContent {
    float: right;
    margin: 0;
    padding: 0;
    width: 350px;
    color: #666;
    font-size: 15px;
    line-height: 18px;
}

.ieContent strong {
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #cccccc;
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: normal;
}


/*End IE below 9*/

.arabic {
    direction: rtl;
    text-align: right !important;
}

#container {
    position: relative;
    /* background-color: #fafcff; */
    background-color: #edf2f6;
}

.page_center {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

header#page_header {
    background-color: #fff;
    position: fixed;
    z-index: 999999;
    width: 100%;
    top: 0;
}

.mainbody {
    padding-top: 141px;
}

.fixed-header {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 2s;
    /* For Safari 3.1 to 6.0 */
    transition: all 2s;
    box-shadow: 1px 0px 26px -20px rgb(0 0 0 / 43%);
    -webkit-box-shadow: 1px 0px 26px -20px rgb(0 0 0 / 43%);
    -moz-box-shadow: 1px 0px 26px -20px rgba(0, 0, 0, 0.43);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
    display: none;
}

.page_logo {
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

figure.page_logo img {
    height: 111px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.fixed-header figure.page_logo img {
    height: 90px;
}

.flex {
    display: flex;
}

.div_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bottom_footer .div_flex{
    justify-content: center;
}
.responsive-header {
    background-color: #fff;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
    position: relative;
    width: 100%;
    z-index: 7;
    display: none;
}

.responsive-header .menu {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.responsive-header .logo {
    width: 100%;
    display: block;
    float: left;
    margin: 14px 0;
    text-decoration: none;
}

.responsive-header .menu-icon {
    cursor: pointer;
    position: absolute;
    top: 54px;
    left: 30px;
    padding: 10px;
}

.responsive-header .menu-icon .navicon {
    background: #81161c;
    display: block;
    height: 4px;
    position: relative;
    transition: background .2s ease-out;
    width: 25px;
}

.responsive-header .menu-icon .navicon:before,
.responsive-header .menu-icon .navicon:after {
    background: #81161c;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.responsive-header .menu-icon .navicon:before {
    top: 7px;
}

.responsive-header .menu-icon .navicon:after {
    top: -7px;
}

.responsive-header .menu-btn {
    display: none;
}

.responsive-header .menu-btn:checked~.menu {
    max-height: 100vh;
    height: 100vh;
    margin-top: 25px;
}

.responsive-header .menu-btn:checked~.menu-icon .navicon {
    background: transparent;
}

.responsive-header .menu-btn:checked~.menu-icon .navicon:before {
    transform: rotate(-45deg);
}

.responsive-header .menu-btn:checked~.menu-icon .navicon:after {
    transform: rotate(45deg);
}

.responsive-header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,
.responsive-header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
    top: 0;
}

.responsive-header .page_menu ul ul {
    width: 100%;
}

.responsive-header .logo img {
    width: 21%;
    margin: auto;
    padding-left: 40px;
}

.top_header {
    display: flex;
    justify-content: space-between;
    flex: 1;
    height: 40px;
}

.page_menu {
    display: flex;
}

.page_menu .submenu>a::after {
    content: "";
    background-image: url(../images/arrow-downb.png);
    background-repeat: no-repeat;
    padding-right: 20px !important;
    background-position: right center;
}

.page_menu .submenu:hover>a::after {
    background-image: url(../images/arrow-downw.png);
}

select#language {
    width: 75px;
}

.page_menu ul {
    display: flex;
    align-items: center;
    font-weight: bold;
}

.page_menu ul li {
    list-style: none;
    font-weight: 200;
    font-size: 16px;
    position: relative;
    text-align: left;
}  

.page_menu ul li.active a,
.page_menu ul li a:hover {  
    color: #81161c;
}
.button {
    padding: 10px 12px;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #81161c;
    background-color: #ffffff;
    border: none;
    border-radius: 25px;
    box-shadow: 0 7px #ffffff;
  }
  
  .button:hover {background-color: #b79c6f}
  
  .button:active {
    background-color: #b79c6f;
    box-shadow: 0 5px #666;
    transform: translateY(px);
  }

.page_menu ul li a {
    padding: 15px 14px;
    text-decoration: none;
    color: #0e0707;
    text-transform: capitalize;
}

.page_menu ul ul {
    flex-direction: column;
    position: absolute;
    left: 0;
    display: none;
    width: 227px;
    z-index: 1;
    float: left;
    text-transform: uppercase;
}

.page_menu ul li:hover ul a {
    color: white;
    font-weight: normal;
    font-size: 12px;
}

.page_menu .submenu>a:hover::after ul a,
.page_menu .submenu>a:active::after ul a {
    content: "";
    background-image: url(../images/arrow-downw.png);
    background-repeat: no-repeat;
    padding-right: 20px !important;
    background-position: right center;
}

.page_menu ul li:hover ul li a:hover {
    background-color: #e05461 !important;
}

#page_header ul li ul li a {
    float: none;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: left;
    padding: 12px 0 12px 17px;
}

#page_header ul li ul li {
    border-bottom: solid 1px #fff;
    height: fit-content;
    padding: 0;
    background-color: #000;
    font-size: 14px !important;
    padding-left: 0 !important;
}

.page_menu li:hover ul {
    display: block;
}

.header-content {
    display: flex;
    width: 92%;
    justify-content: inherit;
}

.search-header {
    padding: 0 30px;
    font-family: 'Poppins';
}

.search-header form {
    background-color: #f0f1f5;
    padding: 7px 6px 7px 24px;
    border-radius: 30px;
    display: flex;
}

.arabic .search-header form {
    padding: 7px 24px 7px 6px;
}

.search-header select {
    border: none;
    background-color: transparent;
    background-image: url(../images/category.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 30px;
    border-right: solid 1px #ccc;
    color: #788088;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Poppins';
    -webkit-appearance: none;
}

input {
    -webkit-user-select: text !important;
}

.arabic .search-header select {
    background-position: right center;
    border-right: none;
    border-left: solid 1px #ccc;
}

.search-box {
    width: 210px;
    margin-left: 12px;
    display: flex;
    align-items: center;
}

.arabic .search-box {
    margin-right: 12px;
    margin-left: 0;
}

.search-box input {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    background-color: transparent;
    user-select: none;
    -webkit-user-select: none;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    border: none;
    background-color: transparent;
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 30px;
    color: #788088;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 300;
}

.arabic .search-box input {
    background-position: right center;
}

.search-header button {
    text-transform: capitalize;
    font-size: 17px;
    padding: 9px 20px;
}

li.find-job {
    border: solid 1px #81161c;
    border-radius: 31px;
    padding: 2px 5px;
}

li.find-job a {
    color: #81161c !important;
    font-size: 16px;
    padding: 5px 0px !important;
    text-align: center;
}

ul {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
}

.company-product-about-bottom .tab-content .tab-title h4 {
    padding-top: 15px;
}

#post_your .page_center {
    position: relative;
}

.arabic .company-product-view .popup__close {
    left: 14px;
}

#post_your .page_center .heading-content {
    width: auto;
    flex-basis: 50%;
    text-align: right;
    padding-right: 10%;
}

#post_your.heading-section .page_center button {
    margin-left: 10%;
}

.arabic #post_your .page_center .heading-content {
    text-align: left;
    padding-left: 10%;
}

.arabic #post_your.heading-section .page_center button {
    margin-right: 10%;
}

#post_your.heading-section h1 {
    margin-bottom: 0;
}

.company-product-about-content-right {
    width: 100%;
}

.membership{
    display: flex;
    align-items: center !important;
    gap: 10px;
    /* margin-top: 30px; */
}
.playstore{
    /* margin-left: -6px; */
    display: flex;
    align-items: center !important;
}
.playstore a{
    width: 200px;
}
.membership button{ text-transform: capitalize;}

.playstore a:not(:last-child){
    margin-right: 15px;
    margin-left: -5px;
}

.arabic .playstore a:not(:last-child){
    margin-right: 0px;
    margin-left: 6px;
}

.show-pass{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.show-passi img{
    width: 20px;
}
.ftr_menu ul ul li{
  padding-right: 11px;
}
#city > li {
    padding-right: 20px;
}

.product-content a.productview-button {
    min-height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
}   

.phonecode-field {
    position: relative;
}

.phonecode-field input {
    padding-left: 65px !important;
}

span.phone-code {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    top: 5px;
    background: rgb(232 213 214 / 70%);
    /* background: #e8d5d6; */
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 50px;
    padding: 5px 5px;
    min-width: 50px;
    max-width: 65px;
    font-size: 15px;
}

.arabic span.phone-code {
    left: auto;
    right: 7px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.arabic .phonecode-field input {
    padding-left: 10px !important;
    padding-right: 65px !important;
}

@media screen and (max-width: 991px) {
    .responsive-header .menu {
        clear: none;
        float: right;
        max-height: none;
    }
    .responsive-header {
        display: block;
    }
    header#page_header {
        display: none;
    }
    .top_header {
        flex-direction: column;
        height: auto;
        justify-content: center;
        align-items: center;
    }
    .mainbody {
        padding-top: 0;
    }

    .playstore{
        /* flex-wrap: wrap; */
    }

    .playstore a{
        width: 150px;
    }
}

.responsive-header .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
    width: 100%;
    background-color: #fff;
}

h2 {
    display: flex;
    color: #e05461;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
}

h2 span {
    width: 46px;
    height: 2px;
    background-color: #e05461;
    display: block;
    margin-right: 12px;
}

.infolinks {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.infolinks li {
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
}

.arabic .infolinks li {
    border-left: none;
    margin-right: 20px;
    padding-left: 0;
    margin-left: 0;
}

.infolinks li a {
    /*border-right: solid 1px #81161c;*/
    /*border-left: solid 1px #81161c;*/
}

.infolinks li a:nth-of-type(2) {
    border-right: none;
}

.arabic .infolinks li a {
    /*border-left: solid 1px #81161c;*/
    /*border-right: 1px solid #81161c;*/
}

.arabic .infolinks li a:nth-of-type(2) {
    border-left: none;
}

.infolinks li img {
    margin-right: 3px;
    border-left: dotted 1px #ccc;
    padding-left: 20px;
}

.infolinks li span {
    font-weight: 500;
    font-size: 14px;
    color: #000;
}

.page_menu .infolinks li a {
    color: #000;
    align-items: center;
    display: flex;
    padding: 0 14px;
}

.infolinks li a select {
    color: #000;
    background-color: transparent;
    border: none;
}

.infolinks li a select option {
    color: #000;
}

.main_header {
    padding: 20px 0;
     padding-bottom: 4px !important;
}

.main_header .page_center.div_flex {
    align-items: center;
}

.banner {
    text-align: center;
    position: relative;
}

.desktop-banner {}

.mobile-banner {
    display: none;
}

.banner .slick-slide img {
    width: 100%;
}

.banner-arrow {
    position: absolute;
    bottom: -27px;
    left: 0;
    right: 0;
    z-index: 9999;
    display: none;
}

.banner-arrow img {
    margin: auto;
}

.banner-arrow::after {
    content: "";
    position: absolute;
    background-image: url(../images/banner-arrow.png);
    background-repeat: no-repeat;
    left: 0;
    background-position: center;
    right: 0;
    height: 15px;
    animation: MoveUpDown 1s linear infinite;
}

@keyframes MoveUpDown {
    0% {
        top: 40px;
    }
    50% {
        top: 50px;
    }
    100% {
        top: 40px;
    }
}

.slick-prev,
.slick-next {
    position: absolute;
    top: 45%;
    display: block !important;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: none;
    background-color: #0000005c;
    width: 90px;
    height: 90px;
    color: #cfd2d3;
    border-radius: 50%;
    cursor: pointer;
    z-index: 6;
}

.banner .slide {
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    text-align: center;
}

.banner-title {
    position: absolute;
    text-align: center;
    top: 30%;
    left: 0;
    right: 0;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.banner .slick-slide {
    vertical-align: middle;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: #cfd2d3;
    border: none;
    background-color: #00000075;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 34px;
    line-height: 1;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #cfd2d3;
}

.slick-next:before {
    content: "\276F";
}

.slick-prev:before {
    content: "\276E";
}

.slick-next {
    right: 45px;
}

.arabic .slick-next {
    transform: rotate(180deg);
}

.slick-prev {
    left: 45px;
}

.arabic .slick-prev {
    transform: rotate(180deg);
}

.banner h1 {
    font-size: 80px;
    color: #fff;
    line-height: 78px;
    font-weight: 500;
    margin-bottom: 0px;
    font-family: 'zillaslab';
    /*animation: banner 5s 10;*/
}
@keyframes banner {
    0% { 
        margin-bottom: -10px ;
    }
    30%{
        letter-spacing: 25px;
        margin-bottom: -10px;
    }
    85% {
        letter-spacing: 8px;
        margin-bottom: -10px;
    }
}

.arabic .banner h1:nth-of-type(1) {
    font-size: 70px;
}

.banner h1:nth-of-type(2) {
    font-weight: 700;
}

.banner h5 {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 34px;
    margin-top: 10px;
    font-family: 'cursive';
    animation: banner 3s 10;
}

button {
    background-color: #81161c;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    border-radius: 30px;
    font-family: 'Poppins';
    padding: 9px 17px;
    cursor: pointer;
    border: none;
}

.button1 {
  background-color: white; 
  color: black; 
  border: 2px solid #81161c;
}

.button1:hover {
  background-color: #81161c;
  color: white;
}

.company-details button {
    max-width: 178px;
    width: 100%;
    display: flex;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 3px 3px 17px;
    text-transform: capitalize;
    font-weight: 500;
}
.company-details button::after {
    content: ">";
    font-size: 36px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    color: #81161c;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0px;
    border-radius: 30px;
    background: #fff;
}

.banner .slick-dots li button {
    box-shadow: 0px 0px 25px 12px rgb(0 0 0 / 14%);
    -webkit-box-shadow: 0px 0px 25px 12px rgb(0 0 0 / 14%);
    -moz-box-shadow: 0px 0px 25px 12px rgb(0 0 0 / 14%);
}

.slick-dots li {
    margin: 0;
}

.slick-dots {
    bottom: 70px;
}

.inner-banner .slick-dots {
    bottom: 5px;
}

.slick-dots .slick-active button {
    width: 14px;
    height: 14px;
    padding: 0px;
    background: #81161c;
}

.slick-track {
    line-height: normal !important;
}

h3 {
    font-size: 40px;
    font-weight: 600;
    color: #010101;
    text-align: center;
    margin-bottom: 10px;
}

.arabic h3 {
    display: flex;
    justify-content: center;
}

h3 span {
    color: #81161c;
}

p.subtitle {
    font-size: 17px;
    font-weight: 300;
    color: #70727e;
    text-align: center;
    max-width: 45%;
    margin: auto;
    padding-bottom: 0px;
}

.home-products {
    padding: 50px 70px;
}

.home-products-slide {
    word-break: break-all;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    height: 270px;
    margin: 50px 0;
    padding: 0px 25px;
    border-radius: 10px;
    box-shadow: 0px 0px 18px -6px rgb(0 0 0 / 13%);
    -webkit-box-shadow: 0px 0px 18px -6px rgb(0 0 0 / 13%);
    -moz-box-shadow: 0px 0px 18px -6px rgb(0 0 0 / 13%);
}

.home-products .slick-dots {
    bottom: -17px;
}

.home-products .slick-dots li button {
    background: #ccc;
}

.home-products .slick-dots .slick-active button {
    background: #81161c;
}

.home-products-slide figure {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.home-products-slide figcaption {
    font-size: 16px;
    color: #3b3b3b;
    margin-top: 8px;
    display: flex;
    align-items: center;
    text-align: center;
}

.homeproductslider .slick-slide {
    margin-right: 10px;
    margin-left: 10px;
}

.home-products-title {
    display: flex;
    border-top: solid 1px #e3e3e3;
    padding: 12px 0px 3px 0px;
    align-items: center;
    margin-top: 10px;
}

.arabic .home-products-title {
    flex-direction: row-reverse;
}

.home-products-title p {
    font-size: 15px;
    color: #000;
    font-weight: 500;
}

.home-products-slide>figure>img {
    height: 130px;
}

.home-products-title figure {
    padding-top: 0;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
    background-size: cover;
    border-radius: 50%;
    height: 50px;
    min-width: 50px;
}

.arabic .home-products-title figure {
    margin-right: 0;
    margin-left: 10px;
}

.home-products-title img {
    visibility: hidden;
    width: 50px;
}

.home-products-title p span {
    display: block;
    color: #81161c;
    font-size: 14px;
    font-weight: 400;
}

section.home-intrest {
    position: relative;
    z-index: 4;
}

.home-intrest-wrapper {
    width: 100%;
    background-color: #fff;
    margin: 40px 0;
    padding: 45px;
    border-radius: 10px;
    box-shadow: 1px 0px 26px -20px rgba(0, 0, 0, 0.43);
    -webkit-box-shadow: 1px 0px 26px -20px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 1px 0px 26px -20px rgba(0, 0, 0, 0.43);
    display: flex;
    flex-wrap: wrap;
}

.home-intrest-div {
    height: 208px;
    width: 208px;
    border-radius: 10px;
    border: solid 1px #dadde6;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 7px;
    margin-left: 7px;
    margin-bottom: 16px;
    background-color: #fff;
    padding: 4px;
}

.home-intrest-div figure img {
    height: 120px;
}

.home-intrest-div figure {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.home-intrest-div figcaption {
    margin-top: 10px;
    color: #000;
    font-size: 18px;
    word-break: break-word;
    padding: 0 10px;
    text-align: center;
}

.home-intrest-div a {
    color: #000;
}

.home-intrest-wrapper .seemore-button {
    width: 100%;
    display: flex;
    flex-direction: column;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin: auto;
    padding-top: 30px;
    margin-bottom: 15px;
    justify-content: center;
    align-items: center;
}

.home-intrest-wrapper .seemore-button figure {
    position: absolute;
    bottom: -38px;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background-color: #81161c;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-intrest-wrapper .seemore-button figure img{
    width: 32px;
}
.home-intrest-wrapper .seemore-button svg {
    fill: white;
}

.arabic .home-intrest-wrapper .seemore-button svg,
    .arabic .home-intrest-wrapper .seemore-button img {
    transform: rotate(180deg);
}

.heading-section {
    background-color: #b69b6f;
    margin-top: -142px;
    position: relative;
    padding-top: 150px;
    padding-bottom: 48px;
    background-image: url(../images/pattern.png);
}

.heading-section h1 {
    font-size: 80px;
    color: #fff;
    margin-bottom: 40px;
    line-height: 60px;
    font-weight: 500;
    font-family: 'zillaslab';
}

#post_your.heading-section h1 {
    margin-bottom: 0;
}

.heading-section h1 span {
    font-size: 40px;
    display: block;
    font-weight: 700;
    /*animation: banner 5s 10;*/
}
@keyframes banner {
    0% { 
        margin-bottom: -10px ;
    }
    30%{
        letter-spacing: 10px;
        margin-bottom: -10px;
    }
    85% {
        letter-spacing: 5px;
        margin-bottom: -10px;
    }

}

.heading-content {
    width: 100%;
}

.heading-section .page_center {
    display: flex;
    align-items: center;
}

.heading-content p {
    max-width: 70%;
    color: #fff;
    font-size: 17px;
    font-weight: 300;
}

.heading-section button {
    color: #b69b6f !important;
    background-color: #fff;
    border-radius: 80px;
    width: 240px;
    font-size: 22px;
    font-weight: 600;
    height: 70px;
    text-transform: uppercase;
    box-shadow: 0px 9px 18px -8px rgb(0 0 0 / 53%);
    -webkit-box-shadow: 0px 9px 18px -8px rgb(0 0 0 / 53%);
    -moz-box-shadow: 0px 9px 18px -8px rgb(0 0 0 / 53%);
}
.heading-section button {
    background-color: white; 
    color: black; 
    border: 2px solid #81161c;
  }
  
  .heading-section button:hover {
    background-color: #81161c;
    color: white;
  }

.home-featured-listing {
    padding: 100px 0;
}

.home-featured-listing .page_center {
    padding-top: 70px;
    flex-wrap: wrap;
}


/* .home-featured {
height: 265px;
overflow: hidden;
width: 32.2%;
padding: 25px 15px 20px 25px;
margin-right: 20px;
margin-bottom: 25px;
box-shadow: 1px 0px 20px -20px rgba(0, 0, 0, 0.43);
-webkit-box-shadow: 1px 0px 20px -20px rgba(0, 0, 0, 0.43);
-moz-box-shadow: 1px 0px 20px -20px rgba(0, 0, 0, 0.43);
background-color: #fff;
border-radius: 20px;
} */

.home-feature-slider .slick-slide {
    margin-right: 10px;
    margin-left: 10px;
}

.home-featured {
    height: 265px;
    overflow: hidden;
    width: 23.2%;
    padding: 15px;
    margin: 0 15px 15px 0;
    box-shadow: 1px 0px 20px -20px rgb(0 0 0 / 43%);
    -webkit-box-shadow: 1px 0px 20px -20px rgb(0 0 0 / 43%);
    -moz-box-shadow: 1px 0px 20px -20px rgba(0, 0, 0, 0.43);
    background-color: #fff;
    border-radius: 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.featured-gold {
    background-color: #fcf3e6;
    border: solid 1px #e2d6c5;
}

.featured-silver {
     background-color:#fff;
 
    border: solid 1px #dedfe7;
}


/*         
.home-featured:nth-child(3n+3) {
margin-right: 0;
} */

.home-featured:nth-child(4n+4) {
    margin-right: 0;
}

.arabic .home-featured:nth-child(3n+1) {
    margin-right: 20px;
}

.home-featured figure {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #fff;
    border-radius: 6px;
}

.home-featured figure img {
    border-radius: 5px;
    visibility: hidden;
}

.home-featured-contents {
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.home-featured-contents h3 {
    color: #000;
    font-size: 20px;
    text-align: center;
    margin: 20px 0;
    font-weight: 600;
}

.arabic .home-featured-contents h3 {
    text-align: center;
    /* justify-content: flex-end; */
}

.home-featured-contents h6 {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.arabic .home-featured-contents h6 {
    flex-direction: row-reverse;
}

.home-featured-contents h6 img {
    margin-right: 6px;
}

.arabic .home-featured-contents h6 img {
    margin-right: 0;
    margin-left: 6px;
}

.home-featured-contents .badge {
    position: absolute;
    text-align: center;
    width: 132px;
    font-size: 18px;
    font-weight: 500;
    height: 30px;
    color: #f0f0f0;
    top: -7px;
    left: -57px;
    transform: rotate( -45deg);
    text-transform: uppercase;
}

.arabic .home-featured-contents .badge {
    left: inherit;
    top: -3px;
    right: -50px;
    transform: rotate( 45deg);
}

.badge.silver {
    background: #a5a6ab;
    background: -moz-linear-gradient(left, #a5a6ab 0%, #dcdde1 100%);
    background: -webkit-linear-gradient(left, #a5a6ab 0%, #dcdde1 100%);
    background: linear-gradient(to right, #a5a6ab 0%, #dcdde1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a5a6ab', endColorstr='#dcdde1', GradientType=1);
}

.badge.gold {
    background: #f0833c;
    background: -moz-linear-gradient(left, #f0833c 0%, #efa33b 100%);
    background: -webkit-linear-gradient(left, #f0833c 0%, #efa33b 100%);
    background: linear-gradient(to right, #17b38e9e 0%, #b59861 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0833c', endColorstr='#efa33b', GradientType=1);
}

.featured-category {
    width: 100%;
    text-align: center;
}

.featured-category p {
    font-size: 17px;
    color: #000000;
    align-items: center;
    margin-top: 10px;
}

.company-list-page .view-resume-title>span,
.featured-category span {
    color: #fff;
    padding: 7px 14px;
    font-size: 15px;
    font-weight: 300;
    border-radius: 7px;
    background-color: #f75c96;
}

.company-list-page .view-resume-title h5 {
    color: #81161c;
    font-size: 23px;
    font-weight: 600;
}

span.restaurant {
    background-color: #f75c96;
}

span.onshore {
    background-color: #9c3fa6;
}

span.education {
    background-color: #fdc14c;
}

span.it {
    background-color: #68ae55;
}

span.sports {
    background-color: #4c97fd;
}

.home-feature-slide {
    display: flex !important;
    flex-wrap: wrap;
}

.home-feature-slider,
.home-feature-slide .slick-slide {
    width: 100%;
}

.home-feature-slider .slick-dots {
    bottom: -60px;
}

.home-feature-slider .slick-dots li button {
    background: #ccc;
}

.home-feature-slider .slick-dots .slick-active button {
    background: #ab2830;
}

.client_section {
    background-color: #fff;
    padding: 80px 0 100px 0;
}

.client_section ul {
    display: flex;
    justify-content: space-evenly;
    padding-top: 70px;
    align-items: center;
}

.client_section li {
    list-style: none;
    margin-right: 20px;
}

.arabic .client_section li {
    margin-right: 0px;
    margin-left: 20px;
}

.client_section li:nth-last-of-type(1) {
    margin-right: 0px;
    margin-left: 0px;
}

.client_section li figure {
    width: 200px;
}

footer {
    color: #fff;
    background-color: #000;
    position: relative;
}

.top_footer .page_center {
    /* padding: 65px 20px 65px 20px; */
    padding: 65px 0 65px 0;
    display: flex;
    justify-content: space-between;
    position: relative;
}

footer h6 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
    padding-bottom: 4px;
    position: relative;
    border-bottom: 1px solid #fff;
}
.arabic footer h6::after {
    right: -1px;
}
.arabic .company-details button {
    padding: 3px 17px 3px 3px;
}
footer h6::after{
    content: '';
    width: 30px;
    height: 6px;
    position: absolute;
    background-color: #81161c;
    bottom: -3px;
    left: 0;
}
.top_footer p {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 28px;
    display: flex;
    color: #fff;
    align-items: flex-start;
}

.top_footer p a {
    color: #fff;
    display: flex;
    align-items: center;
}

.top_footer p img {
    margin-right: 10px;
    margin-top: 4px;
}

.arabic .top_footer p img {
    margin-right: 0;
    margin-left: 10px;
}

.company-details {
    /* width: 42%; */
    /* padding-right: 20px; */
     display: flex;
     flex-direction: column;
    flex-basis:calc(33.3% - 71px);
}
.company-details > a{
    max-width: 178px;
    width: 100%;
}
.ftr_menu{
    padding-right: 20px;
     flex-basis: calc(33.3% - -56px);
}
.arabic .ftr_menu {
    padding-left: 20px;
    padding-right: 0;
}
.arabic .ftr_menu ul li::before {
    margin-left: 20px;
    margin-right: 0;
}
.bottom_footer p {
    color: #fff;
    font-size: 14px;
}

.ftr_menu ul {
    /* padding-inline-start: 20px; */
    list-style: none;
}

.ftr_menu > ul{
    display: flex;
  column-gap: 5px;
}
.ftr_menu > ul ul{
    padding-left: 0;
}
.arabic .ftr_menu > ul{
    padding-left: 20px;
    padding-right: 0;
}
.arabic .ftr_menu ul {
    padding-inline-start: 0;
    /*padding-inline-end: 20px;*/
}
.ftr_menu ul li{
    /* padding-right: 20px; */
}
.arabic .ftr_menu ul li{
    /*padding-left: 20px;*/
}
.ftr_menu ul   li::before {
    /*content: "\25A0";*/
    color: #b99d71;
    font-size: 10px;
    display: inline-block;
    width: 3px;
    margin-left: -19px;
    margin-right: 15px;
    position: relative;
    top: -4px;
    
}
 #lli::before{
     width: 16px;
    margin-left: -12px;
    margin-right: 12px;
    position: relative;
    top: -1px;
    left: 10px;
    content: "\25A0";
    color: #b99d71;
    font-size: 10px;
    display: inline-block;
 }
.arabic .ftr_menu ul li::before {
    margin-left: 15px;
    margin-right: -19px;
}

.ftr_menu ul li a {
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    font-weight: 300;
}

.bottom_footer .page_center {
    border-top: solid 1px #424242;
    padding: 32px 0;
}

.socialicons {
    display: flex;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    flex-wrap: wrap;
    justify-content: center;
}

.socialicons li {
    margin-left: 25px;
    list-style: none;
    display: flex;
    max-width: 18px;
    width: 100%;
}
.socialicons li:first-child{
    margin-left: 0;
}

.socialicons li a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    max-width: 24px;
    /* width: 100%; */
}

.arabic .socialicons li {
    margin-left: 25px;
    margin-right: 0;
}

.arabic .socialicons li:first-child {
    margin-right: 0;
}

.socialicons li i {
    color: #fff;
    font-size: 16px;
}

.arabic .socialicons li:hover i {
    color: #81161c;
}

.engineering-page {
    padding: 1px 0 80px 0;
}

.engineering-page h3 {
    text-align: left;
}

.arabic .engineering-page h3 {
    text-align: right;
    justify-content: flex-start;
}

.engineering-page p.subtitle {
    text-align: left;
    margin: initial;
    max-width: 63%;
}

.arabic .engineering-page p.subtitle {
    text-align: right;
}

.engineering-page .home-intrest-wrapper {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 20px 0 40px 0;
}

.engineering-page .home-intrest-div figcaption {
    font-size: 19px;
    text-align: center;
}

.engineering-page .home-intrest-div {
    height: 221px;
    width: 223px;
    box-shadow: 0px 0px 18px -6px rgb(0 0 0 / 13%);
    -webkit-box-shadow: 0px 0px 18px -6px rgb(0 0 0 / 13%);
    -moz-box-shadow: 0px 0px 18px -6px rgb(0 0 0 / 13%);
}

.category-page h3 {
    text-align: center;
}

.arabic .category-page h3 {
    justify-content: center;
}

.category-page p.subtitle {
    text-align: center;
    margin: auto;
    max-width: 46%;
}

.arabic .category-page p.subtitle {
    text-align: center;
}

.contact_page {
    padding-top: 112px;
    background-color: #f4f7fa;
}

.content-us-wrapper {
    padding: 63px 0 0;
}

.contact-wrapper {
    display: flex;
    position: relative;
}

.contact-form {
    z-index: 1;
    flex: 1;
    vertical-align: top;
    text-align: left;
    background: #fff;
    padding: 60px 95px 40px 55px;
    position: relative;
    -webkit-box-shadow: 0px 2px 38px -20px rgb(0 0 0 / 69%);
    -moz-box-shadow: 0px 2px 38px -20px rgb(0 0 0 / 69%);
    box-shadow: 0px 2px 38px -20px rgb(0 0 0 / 69%);
}

.arabic .contact-form {
    text-align: right;
    padding: 60px 55px 40px 95px;
}

.contact-form .title-holder {
    margin-bottom: 50px;
    position: relative;
}

.contact-tab-wrpper ul {
    margin: 0;
    padding: 0 0 40px;
    list-style: none;
}

.contact-form .contact-tab-wrpper li {
    color: #000e29;
    font-weight: 500;
    height: 51px;
    line-height: 50px;
    font-size: 19px;
    margin-right: 20px;
    padding: 0 20px;
    cursor: pointer;
    display: inline-block;
}

.arabic .contact-form .contact-tab-wrpper li {
    margin-right: 0;
    margin-left: 20px;
}

.contact-form .contact-tab-wrpper li.selected {
    background: #f0f5f6;
    text-align: center;
    color: #000e29;
    border-radius: 8px;
    line-height: 50px;
    display: inline-block;
}

.contact-form .title-holder h2:after {
    display: none;
}

.contact-form .title-holder p {
    font-size: 16px;
    line-height: 23px;
    color: #566476;
}

.contact-form .title-holder::after {
    content: "";
    background: #81161c;
    width: 70px;
    height: 3px;
    position: absolute;
    bottom: -18px;
    left: 0;
}

.arabic .contact-form .title-holder::after {
    left: inherit;
    right: 0;
}

.contact-form form {
    display: flex;
    flex-wrap: wrap;
}

.contact-form .contant-input-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact-form .contant-input-wrapper .input-field {
    flex: 0 1 44%;
    display: flex;
    flex-flow: column;
}

.contact-form .contant-input-wrapper .input-field:nth-child(even) {
    padding-right: 24px;
}

.contact-form .contant-input-wrapper .input-field:nth-child(odd) {
    padding-left: 24px;
}

.arabic .contact-form .contant-input-wrapper .input-field:nth-child(even) {
    padding-left: 24px;
    padding-right: 0;
}

.arabic .contact-form .contant-input-wrapper .input-field:nth-child(odd) {
    padding-right: 24px;
    padding-left: 0;
}

.contact-form .contant-input-wrapper .input-field.w-100 {
    flex: 0 1 100%;
    padding: 0;
}

.contact-address {
    flex: 0 0 430px;
    background: #81161c;
    padding: 60px 30px 40px 40px;
    position: relative;
    z-index: 1;
}

.contact-address h2 {
    color: #FFF;
    font-weight: 500;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 22px;
}

.contact-address p {
    font-size: 16px;
    padding-bottom: 5px;
    line-height: 23px;
    color: #FFF !important;
}

.contact-address ul {
    margin: 55px 0 0;
    padding: 0;
    list-style-type: none;
}

.contact-address li {
    display: block;
    margin: 0 0 40px 0;
    padding: 0 0 0 45px;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    color: #FFF;
}

.arabic .contact-address li {
    padding: 0 45px 0 0;
    background-position: 100% center !important;
}

.contact-address li strong {
    font-size: 16px;
    line-height: 22px;
    color: #FFF;
    font-weight: normal;
    display: block;
    margin-bottom: 8px;
}

.contact-address li a {
    display: inline-block;
    color: #FFF;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -ms-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}

.contact-address li a::after {
    content: "";
    background: #000e29;
    width: 0px;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transition: width 0.4s ease-in-out;
    -moz-transition: width 0.4s ease-in-out;
    -ms-transition: width 0.4s ease-in-out;
    -o-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

.contact-address li a:hover {
    color: #000e29;
}

.contact-address li a:hover::after {
    width: 100%;
}

.contact-address li.location {
    /* background: url(../images/iconAddress.png) no-repeat 0 1px; */
    background: url(../images/iconAddress.svg) no-repeat 0 1px;
    background-size: 30px;
    padding-bottom: 1px;
    padding-top: 4px;
}

.contact-address li.phone {
    /* background: url(../images/iconCall.png) no-repeat 0 1px; */
    background: url(../images/iconCall.svg) no-repeat 0 1px;
    /* background-size: 26px 27px; */
    background-size: 30px;
    padding-top: 4px;
}

.contact-address li.email {
    /* background: url(../images/iconEmail.png) no-repeat 0 1px; */
    background: url(../images/iconEmail.svg) no-repeat 0 1px;
    /* background-size: 28px 22px; */
    background-size: 30px;
    padding-top: 6px;
}

.input-field {
    padding-bottom: 23px;
    position: relative;
}

.input-field label {
    font-size: 15px;
    line-height: 22px;
    color: #b8b9c0;
    text-align: left;
}

.arabic .input-field label {
    text-align: right;
}

.input-field input,
.input-field select,
.input-field textarea {
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #e5e5ea;
    padding: 5px 0 15px;
    font-size: 15px;
    line-height: 15px;
    color: #000e29;
    background: #fff;
    text-align: left;
    margin: 0;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: 'Poppins';
    font-weight: 400;
}

.arabic .input-field input,
.arabic.input-field select,
.arabic .input-field textarea {
    text-align: right;
}

.input-field input:focus,
.input-field select:focus,
.input-field textarea:focus {
    box-shadow: none;
    outline: none;
}

.input-field textarea {
    height: 45px;
    padding: 10px 0 10px;
}

.input-field .send-btn-wrap {
    height: 53px;
    width: 54px;
    display: flex;
    justify-content: flex-end;
    text-align: right;
    background-color: #fff;
}

.input-field.message label {
    width: calc(100% - 65px);
}

.arabic .input-field .send-btn-wrap {
    justify-content: flex-start;
    text-align: left;
    border-left: none;
}

.input-field .send-btn-wrap .btn-send,
.input-field input[type="submit"] {
    box-shadow: none;
    border: 0;
    /* background: #81161c url(../images/iconSend1.png) no-repeat center center; */
    background: #81161c url('../images/iconSend.svg') no-repeat center center;
    background-size: 30px;
    background-position-x: 9px;
    width: 53px;
    height: 53px;
    cursor: pointer;
    border-radius: 50%;
}

.input-field input::-webkit-input-placeholder,
.input-field textarea::-webkit-input-placeholder {
    color: #000e29;
}

.input-field input::-moz-placeholder,
.input-field textarea::-moz-placeholder {
    color: #000e29;
}

.input-field input:-ms-input-placeholder,
.input-field textarea:-ms-input-placeholder {
    color: #000e29;
}

.input-field input:-moz-placeholder,
.input-field textarea:-moz-placeholder {
    color: #000e29;
}

.popupscroll {
    overflow: hidden !important;
}

.contact-map {
    width: 100%;
    min-height: 360px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -146px;
}

.location_map {
    width: 100%;
    /* padding-top: 18%; */
    position: relative;
    display: none;
}

.location_map img {
    margin: auto;
    display: block;
    position: absolute;
    right: 28%;
    top: 156px;
}

.btn-readmore.btn-primary {
    margin: 70px auto 0;
}

.contact-form .contant-input-wrapper .input-field.message {
    flex: 0 1 100%;
    padding: 0;
    padding-top: 30px;
    display: flex;
    flex-flow: inherit;
    justify-content: space-between;
    align-items: center;
}

.arabic .contact-form .contant-input-wrapper .input-field.message {
    padding: 0;
    padding-top: 30px;
}

.contact-form h2 {
    font-size: 26px;
    padding-bottom: 25px;
    color: #000;
}

.findjob-page {
    background-color: #edf2f6;
}

section.home-intrest.engineering-page .findjob-page {
    background-color: transparent;
}

.title-applyjob {
    justify-content: space-between;
    align-items: center;
}

.title-applyjob button {
    height: 45px;
    text-transform: capitalize;
    color: #fff;
    font-size: 15px;
}

.text-left-headings {
    padding: 85px 0 50px 0;
}

.text-left-headings h3 {
    text-align: left;
}

.arabic .text-left-headings h3 {
    text-align: right;
    justify-content: flex-start;
}

.text-left-headings p.subtitle {
    text-align: left;
    margin: initial;
    max-width: 63%;
}

.arabic .text-left-headings p.subtitle {
    text-align: right;
}

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

.control .file {
    display: none;
    position: absolute;
}

.control .file+label {
    font-size: 15px;
    /* font-size: 18px; */
    color: #000;
    height: 38px;
    text-transform: uppercase;
    background-color: #e8d5d6;
    text-align: center;
    vertical-align: text-top;
    transition: 0.2s all;
    border-radius: 7px;
    padding: 10px;
}

.control .file+label:hover {
    cursor: pointer;
}

.control .file+label:hover:after {
    opacity: 1;
}

.control span {
    font-size: 15px;
    padding-left: 15px;
    color: #8e8e8e;
}
.photo-upload .control > label ~ span {
    max-width: calc( 100% - 160px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.resume-upload .control > label ~ span {
    width: calc( 100% - 90px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.arabic .control span {
    padding-left: 0;
    padding-right: 15px;
}

.view-resume-title-breadcrumb {
    margin: 70px 0 30px 0;
}

.view-resume-title-breadcrumb .view-resume-title {
    margin: 0 !important;
}

.view-resume-title {
    margin: 30px 0;
}

.view-resume-title select {
    border-radius: 10px;
    border: solid 1px #ccc;
    padding: 10px;
    height: 50px;
    margin-top: 10px;
    background-color: #fff;
    width: 33%;
    padding-right: 20px;
}

.view-resume-all {
    flex-wrap: wrap;
    padding-bottom: 100px;
}

.view-resume-all-view {
    width: 32%;
    padding: 25px;
    margin: 0 20px 20px 0;
    border-radius: 10px;
    padding-bottom: 15px;
    background-color: #fff;
}

.arabic .view-resume-all-view {
    margin: 0 0 20px 20px;
}

.view-resume-all-view figure {
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 7px;
    background-size: contain;
}

.view-resume-all-view img {
    visibility: hidden;
}

.view-resume-all-view:nth-child(3n+3) {
    margin-right: 0;
}

.arabic .view-resume-all-view:nth-child(3n+3) {
    margin-left: 0px;
}

.arabic .view-resume-all-view:nth-child(3n+1) {
    margin-left: 20px;
}

.resume-content {
    padding-left: 20px;
}

.arabic .resume-content {
    padding-left: 0;
    padding-right: 20px;
}

.resume-content h4 {
    margin-bottom: 10px;
    font-size: 20px;
}

.resume-view {
    border-top: solid 1px #ccc;
    margin-top: 20px;
    padding-top: 10px;
    flex-direction: column;
    align-items: flex-start;
}

.view-button {
    background-color: #81161c;
    text-transform: uppercase;
    color: #fff !important;
    font-size: 14px;
    font-weight: 300;
    border-radius: 30px;
    font-family: 'Poppins';
    padding: 9px 17px;
    cursor: pointer;
    border: none;
}

.resume-view a {
    color: #81161c;
    font-weight: 400;
    margin-bottom: 4px;
}

.resume-popup img {
    margin: auto;
    margin-bottom: 30px;
    width: 90%;
}

.popup {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .20);
    z-index: 999999;
    overflow: hidden;
}

.popup-wrapper,
.resume-popup,
.popup-form {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    position: relative;
}

.popup-inner {
    position: relative;
    flex-direction: column;
    display: flex;
    align-items: center;
    padding: 30px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 1px 0px 26px -20px rgba(124, 91, 91, 0.63);
    -webkit-box-shadow: 1px 0px 26px -20px rgba(0, 0, 0, 0.63);
    -moz-box-shadow: 1px 0px 26px -20px rgba(0, 0, 0, 0.63);
}

.resume-popup .popup-inner {
    padding-bottom: 10px;
}

.resume-popup .popup__photo {
    line-height: 0;
}

.resume-popup a#resume_download {
    padding-top: 9px;
}

.resume-popup:target .popup-inner {
    bottom: 0;
    right: 0;
}

.resume-popup a.popup__close,
.pdf-viewer .popup__close {
    box-shadow: 0px 3px 11px #ccc;
}

.resume-popup a.popup__close {
    right: 22px;
    top: 10px;
}

.arabic .resume-popup a.popup__close {
    right: initial !important;
    left: 12px;
}

.popup__close {
    position: absolute;
    right: -1rem;
    top: -1rem;
    width: 44px;
    height: 44px;
    font-size: 35px;
    font-weight: 300;
    border-radius: 100%;
    background-color: #fff;
    z-index: 4;
    color: #81161c;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 1px 0px 26px -20px rgba(124, 91, 91, 0.63);
    -webkit-box-shadow: 1px 0px 26px -20px rgba(0, 0, 0, 0.63);
    -moz-box-shadow: 1px 0px 26px -20px rgba(0, 0, 0, 0.63);
}

.popup-form form {
    width: 490px;
    border-radius: 8px;
    background-color: #fff;
    padding: 65px 55px;
}

.popup-form .control {
    border: none;
    height: auto;
    padding: 0;
    margin-bottom: 20px;
    overflow: hidden;
}

.popup-form img#upload-preview {
    width: 77px;
    height: 77px;
    border-radius: 50%;
}

.popup-form h4 {
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 18px;
    position: relative;
}

.popup-form .popup__close {
    top: 0;
    font-size: 37px;
    color: #bbc0c7;
    line-height: 43px;
}


/* .desktop_iframe {
    width: 800px;
    height: 400px;
} */

.desktop_iframe {
    height: 85vh;
    width: 100vh;
}

.mobile_iframe {
    display: none;
}

.ndfHFb-c4YZDc-Wrql6b {
    left: 13px !important;
}

.arabic .ndfHFb-c4YZDc-Wrql6b {
    left: auto !important;
}

.popup-form .control .file+label {
    border: solid 1px #81161c;
    border-radius: 31px;
    padding: 10px 15px;
    text-transform: lowercase;
    color: #93373c;
    font-weight: 400;
    font-size: 13px;
    background-color: #fff;
}

.image_label {
    height: 38px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.popup-form .control label {
    border: solid 1px #81161c;
    border-radius: 31px;
    padding: 10px 0px;
    text-transform: lowercase;
    color: #93373c;
    font-weight: 400;
    font-size: 13px;
    background-color: #fff;
    transition: 0.2s all;
    text-align: center;
    vertical-align: text-bottom;
    min-width: 102px;
    height: 36px;
    line-height: 12px;
}

.popup-form .control span {
    font-size: 14px;
    padding-left: 7px;
    color: #3b3b3b;
    height: 25px;
    overflow: hidden;
}

.popup-form .control-content {
    padding-left: 12px;
    padding-top: 16px;
}

.arabic .popup-form .control-content {
    padding-right: 12px;
    padding-left: 0;
}

.popup-form .control em {
    font-style: initial;
    display: block;
    color: #b4b4b4;
    font-weight: 400;
    font-size: 13px;
    margin-top: 10px;
}

.popup-form input,
.popup-form select,
.popup-form textarea {
    color: #000e29;
    height: 48px;
    margin-bottom: 0;
    border-radius: 10px;
    border: solid 1px #ccc;
    padding: 10px 12px;
}

.popup-form input::placeholder {
    color: #000e29;
    opacity: 1;
}

.popup-form textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #000e29;
    opacity: 1;
}

.popup-form textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #000e29;
    opacity: 1;
}

.popup-form textarea:-ms-input-placeholder {
    color: #000e29;
    opacity: 1;
}

.popup-form textarea {
    height: 108px !important;
}

.popup-form .input-field {
    padding-bottom: 0;
    margin: 10px 0;
}

.validation_errors {
    margin-bottom: 0;
    display: block;
    line-height: 13px !important;
    margin-top: 6px px;
}

.error,
.alert {
    display: block;
    padding: 0px;
    line-height: 13px;
}

.error span,
.alert span,
.validation_errors span {
    font-size: 13px;
}

.popup-form button {
    font-size: 17px;
    font-weight: 400;
    border-radius: 12px;
    padding: 18px 30px;
}

.company-list-page {
    padding-bottom: 100px;
}

.company-list-page .view-resume-title select {
    width: 380px;
    margin-top: 0;
    margin-left: 15px;
    background-color: #f3f4f9;
    color: #010f29;
    font-weight: 300;
    border: none;
}

.arabic .company-list-page .view-resume-title select {
    margin-right: 15px;
    margin-left: 0;
}

.company-list-page .view-resume-title label {
    font-size: 18px;
    color: #010f29;
    font-weight: 300;
}

.company-list-page .home-featured {
    height: auto;
    width: 100%;
    border: solid 1px #d7d9de;
    margin-right: 0;
    justify-content: flex-start;
    padding: 25px 15px 25px 20px;
}

.home-featured.advertisement {
    height: 250px;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0;
}

.home-featured.advertisement img {
    visibility: inherit;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.arabic .company-list-page .home-featured {
    margin-right: 0;
    padding: 25px 20px 25px 15px;
}

.arabic .company-list-page .home-featured .home-featured-contents {
    flex-direction: inherit;
}

.companylist-wrapper .featured-category {
    width: 90%;
    padding-left: 15px;
    text-align: left;
}

.arabic .companylist-wrapper .featured-category {
    padding-right: 15px;
    text-align: right;
}

.companylist-wrapper .home-featured-contents h3 {
    margin: 0 0 10px 0;
    text-align: left;
}

.arabic .companylist-wrapper .home-featured-contents h3 {
    justify-content: flex-start;
    text-align: right;
}

.arabic .companylist-wrapper .home-featured-contents h6 {
    flex-direction: inherit;
}

.arabic .company-list-page .home-featured .home-featured-contents h6 img {
    margin-right: 0;
    margin-left: 6px;
}

.arabic .company-list-page .home-featured .featured-category p {
    align-items: inherit;
    display: flex;
    flex-direction: column;
}

.company-list-page .home-featured p a {
    color: #82869b;
}

.company-list-page .home-featured .list-readmore {
    color: #9e1920;
    display: block;
}

.company-list-page .featured-gold {
    background-image: url(../images/pattern2.png);
}

.company-list-page .featured-silver {
    background-image: url(../images/pattern2.png);
}

.company-list-page .home-featured .home-featured-contents {
    flex-direction: inherit;
}

.pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination a {
    color: #151515;
    float: left;
    font-size: 20px;
    padding: 6px 15px;
    margin-right: 10px;
    text-decoration: none;
    transition: background-color .3s;
}

.pagination a.active {
    background-color: #81161c;
    color: white;
    border-radius: 6px;
}

.companyproduct-page {
    background-color: #f4f7fa;
    padding: 100px 0 70px 0;
}

.company-product-about-top {
    width: 100%;
    background-color: #fff;
    padding: 30px 45px 0px 45px;
    border-radius: 10px;
    box-shadow: 0 6px 23px -14px rgb(0 0 0 / 43%);
    -webkit-box-shadow: 0 6px 23px -14px rgb(0 0 0 / 43%);
    -moz-box-shadow: 0 6px 23px -14px rgb(0 0 0 / 43%);
}

.company-product-about-bottom {
    width: 100%;
    background-color: #fff;
    margin-top: 25px;
    padding: 30px 45px;
    border-radius: 10px;
    box-shadow: 0 6px 23px -14px rgb(0 0 0 / 43%);
    -webkit-box-shadow: 0 6px 23px -14px rgb(0 0 0 / 43%);
    -moz-box-shadow: 0 6px 23px -14px rgb(0 0 0 / 43%);
}

.company-product-about-content {
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.company-product-about-content img {
    border-radius: 6px;
    /* margin-right: 30px; */
    width: 187px;
    min-width: 187px;
    max-height: 187px;
}

.arabic .company-product-about-content img {
    /* margin-left: 30px; */
    margin-right: 0;
}

.company-product-about-top h3 {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}

.arabic .company-product-about-top h3 {
    text-align: center;
    /* justify-content: flex-start; */
}

.company-product-about-top h4 {
    font-size: 25px;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
    text-align: left;
    padding-top: 12px;
}

.arabic .company-product-about-top h4{
    text-align: right;
}

.company-product-about-top h6 {
    font-size: 20px;
    font-weight: 400;
    color: #323232;
    margin-bottom: 5px;
}

.company-product-about-top p {
    color: #535353;
    margin-bottom: 0px;
    text-align: left;
}
.arabic .company-product-about-top p {
    text-align: right;
}

ul.tabs {
    margin-top: 70px;
    padding: 0px;
    list-style: none;
}

ul.tabs li {
    background: none;
    color: #959aa0;
    display: inline-block;
    padding: 0px 0px 30px 0px;
    cursor: pointer;
    margin-right: 40px;
    font-size: 17px;
    text-transform: uppercase;
}

.arabic ul.tabs li {
    margin-left: 40px;
    margin-right: 0;
}

ul.tabs li.current {
    border-bottom: solid 6px #81161c;
}

.tab-content {
    display: none;
}

.tab-content.current {
    display: inherit;
}

.tab-title h4 {
    color: #000;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
}

.tab-title select {
    width: 380px;
    margin-top: 0;
    background-color: #f3f4f9;
    color: #010f29;
    font-weight: 300;
    border: none;
    border-radius: 10px;
    padding: 10px;
    height: 50px;
    padding-right: 20px;
    margin-bottom: 35px;
}

.product-content {
    flex-wrap: wrap;
}

.product-view-content {
    /* width: 32%; */
    width: calc(33.3% - 13px);
    /* align-items: center; */
    background-color: #fff;
    margin: 0 20px 20px 0;
    padding: 15px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 30px -19px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 0px 30px -19px rgb(0 0 0 / 50%);
    box-shadow: 0px 0px 30px -19px rgb(0 0 0 / 50%);
}

.arabic .product-view-content {
    margin: 0 0 20px 20px;
}

.product-view-content:nth-child(3n+3) {
    margin-right: 0;
}

.arabic .product-view-content:nth-child(3n+3) {
    margin-left: 0px;
}

.product-content-left {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: center;
}

.product-content-right {
    width: 65%;
    padding-left: 15px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.arabic .product-content-right {
    padding-left: 0px;
    padding-right: 15px;
}

.product-view-content ul {
    display: flex;
    margin-top: 10px;
}

.popup-wrapper .popup__close {
    right: 30px;
    top: 20px;
    font-size: 37px;
    color: #81161c;
    line-height: 43px;
}


.pdf-viewer .popup__close {
    right: -10px;
}

.pdf-viewer .popup__close {
    top: -10px !important;
}


.popup-wrapper .pdf-viewer .popup__close {
    right: 22px;
    top: 10px;
}

.product-view-content li {
    list-style: none;
    border: solid 1px #ccc;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.product-view-content h4 {
    font-size: 20px;
    font-weight: 400;
    color: #3b3b3b;
    flex-grow: 1;
    /* padding: 5px 0; */
    padding: 0 0 5px;
    line-height: 19px;
}

.product-view-content p {
    margin-bottom: 15px;
    font-size: 16px;
}

.product-view-content a.readmore {
    color: #81161c;
}

.product-view-content .enquirebtn {
    text-transform: capitalize;
    border-radius: 6px;
    font-size: 14px;
    padding: 10px 12px;
    float: right;
    background-color: #81161c;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
    border: none;
}

.company-product-view {}

.company-product-view-content {
    padding-left: 20px;
}

.arabic .company-product-view-content {
    padding-left: 0;
    padding-right: 20px;
}

.company-product-view-content h4 {
    font-size: 20px;
    font-weight: 400;
    color: #3b3b3b;
    margin-bottom: 20px;
}

.company-product-view {
    align-items: center;
    width: 93%;
}

.popup-product-view .popup-inner {
    width: 50%;
    padding-left: 0;
}

.job-apply-form form {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 30px;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 1px 0px 26px -20px rgba(124, 91, 91, 0.63);
    -webkit-box-shadow: 1px 0px 26px -20px rgba(0, 0, 0, 0.63);
    -moz-box-shadow: 1px 0px 26px -20px rgba(0, 0, 0, 0.63);
}

.job-apply-form form .input-field {
    width: 100%;
    padding-bottom: 5px;
}

.job-apply-form .input-field input,
.job-apply-form form .input-field select,
.control {
    border-radius: 10px;
    border: solid 1px #ccc;
    padding: 10px;
    height: 50px;
    margin: 5px 0;
}

.job-apply-form form .input-field:nth-last-of-type(1) {
    width: 100%;
    display: flex;
    justify-content: center;
}

.job-apply-form button {
    width: 50%;
    height: 50px;
    font-size: 20px;
    margin-top: 35px;
    border-radius: 10px;
}

.job-apply-form .input-field label {
    color: #000;
    font-weight: 300;
}

.job-apply-form form h4 {
    width: 100%;
    text-align: center;
    padding-left: 10px;
    font-size: 23px;
    margin-bottom: 12px;
}

.job-apply-form {
    width: 30%;
    position: relative;
}

.job-apply-form .popup__close {
    right: 36px;
    top: 25px;
    font-size: 37px;
    color: #81161c;
    line-height: 43px;
    background-color: transparent;
}

.arabic .popup__close {
    right: initial !important;
    left: -14px;
}

.arabic .job-apply-form .popup__close {
    right: initial !important;
    left: 2rem;
}

.product-view-slider {
    min-width: 300px !important;
    width: 300px !important;
    max-width: 300px;
    position: relative;
    overflow: hidden;
}

.product-view-slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    width: max-content !important;
    display: flex;
}

.product-view-slider ul li {
    position: relative;
    display: flex;
    float: left;
    margin: 0;
    padding: 0;
    width: 300px;
    height: 300px;
    text-align: center;
    line-height: 300px;
}

.product-view-slider ul li.active {
    display: flex;
}

.product-view-slider ul li img {
    margin: auto;
    width: 225px;
    padding: 0px 20px;
}

.product-view-slider a.control_prev,
.product-view-slider a.control_next {
    position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    padding: 4% 3%;
    width: auto;
    height: auto;
    color: #81161c;
    text-decoration: none;
    font-weight: 600;
    font-size: 22px;
    opacity: 0.8;
    cursor: pointer;
}

.product-view-slider a.control_prev:hover,
.product-view-slider a.control_next:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
}

.product-view-slider a.control_prev {
    border-radius: 0 2px 2px 0;
}

.arabic .product-view-slider a.control_prev {
    left: 0;
    transform: rotate(180deg);
}

.product-view-slider a.control_next {
    right: 0;
    border-radius: 2px 0 0 2px;
}

.arabic .product-view-slider a.control_next {
    transform: rotate(180deg);
}

.popup-product-form form {
    height: auto;
}

.tab-title p {
    margin-top: 20px;
}

.tab-video-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
}

.video {
    width: 100%;
    border-radius: 8px;
}

.video-wrapper {
    position: relative;
    width: 32%;
    margin-right: 20px;
    margin-bottom: 18px;
}

.arabic .video-wrapper {
    margin-right: 0;
    margin-left: 20px;
}

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

.video-wrapper:nth-child(3n+3) {
    margin-right: 0;
}

.arabic .video-wrapper:nth-child(3n+3) {
    margin-left: 0;
}

.playpause {
    display: none;
    background-image: url(../images/play.png);
    background-repeat: no-repeat;
    width: 54px;
    height: 54px;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    margin: auto;
    background-size: contain;
    background-position: center;
}

.video-title {
    position: absolute;
    bottom: 12px;
    left: 12px;
}

.video-title h3 {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
}

.tab-contact-address li {
    list-style: none;
}

.contact-info {
    margin-top: 30px;
}

.contact-info li {
    display: flex;
    align-items: flex-start;
    color: #404040;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 25px;
    word-break: break-word;
}

.contact-info li a {
    color: #404040;
}

.contact-info li img {
    margin-right: 25px;
    margin-top: 5px;
}

.arabic .contact-info li img {
    margin-right: 0;
    margin-left: 25px;
}

.tab-contact-address li.location {
    max-width: 42%;
}

.tab-contact-address .contact-info ul {
    display: flex;
}

.tab-contact-address .contact-info ul li:nth-of-type(2) {
    margin-left: 50px;
}

.arabic .tab-contact-address .contact-info ul li:nth-of-type(2) {
    margin-right: 50px;
    margin-left: 0;
}

.contact-sociallinks {
    display: flex;
    margin-bottom: 50px;
}

.contact-sociallinks li {
    margin-right: 12px;
}

.tab-location_map {
    position: relative;
    border-radius: 14px;
}

.tab-location {
    position: absolute;
    right: 13%;
    bottom: 5%;
}

.tab-location_map h4 {
    color: #81161c;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 500;
}

.tab-contact-address {
    flex: 1;
}

.contactform-wrapper {
    background: #fff;
    width: 380px;
    padding: 45px;
    border-radius: 8px;
    -webkit-box-shadow: 1px 2px 28px -16px rgb(0 0 0 / 43%);
    -moz-box-shadow: 1px 2px 28px -16px rgb(0 0 0 / 43%);
    box-shadow: 1px 2px 28px -16px rgb(0 0 0 / 43%);
    margin-left: 40px;
}

.arabic .contactform-wrapper {
    margin-left: 0;
    margin-right: 40px;
}

.contactform-wrapper h4 {
    color: #010f29;
    margin-bottom: 40px;
    font-size: 22px;
    font-weight: 500;
}

.tab-content .contact-wrapper {
    padding: 30px 0 50px 0;
}

.tab-content .contact-wrapper .input-field input,
.tab-content .contact-wrapper .input-field textarea {
    color: #5a657a;
    font-size: 15px;
    font-weight: 300;
    height: 55px;
}

.tab-content .contact-wrapper button {
    border-radius: 6px;
    font-size: 17px;
    padding: 20px 30px;
    font-weight: 500;
}

.certification-wrapper {
    flex-wrap: wrap;
    padding-top: 40px;
}

.certification-item {
    width: 23%;
    align-items: center;
    height: 285px;
    display: flex;
    text-align: center;
    justify-content: center;
    background-color: #fff;
    margin: 0 20px 20px 0;
    border-radius: 10px;
    box-shadow: 6px 8px 30px -10px #ccc;
    position: relative;
}

.arabic .certification-item {
    margin: 0 0 20px 20px;
}

.certification-item:nth-child(4n+4) {
    margin-right: 0;
}

.arabic .certification-item:nth-child(4n+4) {
    margin-left: 0;
}

.certification-item .pdf-view {
    position: absolute;
    top: 30px;
    right: 15px;
}

.arabic .certification-item .pdf-view {
    right: initial;
    left: 18px;
}

.certification-item figcaption {
    color: #3b3b3b;
    font-size: 17px;
}

.pdf-viewer iframe {
    /* width: 500px;
    height: 600px; */
}

.arabic .slick-slider .slick-track,
.slick-slider .slick-list {
    direction: ltr;
}

.about-page {
    padding: 90px 0;
    background-color: #fff;
}

.about-missions {
    justify-content: space-between;
}

.about-mission {
    width: 32%;
    cursor: pointer;
    background-color: #fff;
    padding: 25px;
    /* height: 430px; */
    min-height: 430px;
    border-radius: 10px;
    position: relative;
    transition: 0.4s;
    -webkit-box-shadow: 0px 5px 12px 3px rgba(242, 242, 246, 1);
    -moz-box-shadow: 0px 5px 12px 3px rgba(242, 242, 246, 1);
    box-shadow: 0px 5px 12px 3px rgba(242, 242, 246, 1);
}

.arabic .about-mission {
    height: 340px;
}

.about-mission figure {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about-mission figcaption {
    font-size: 90px;
    font-weight: bold;
    color: #f3f3f3;
    line-height: 63px;
}

.about-mission h4 {
    font-size: 24px;
    font-weight: 600;
    color: #010101;
    margin-top: 40px;
    margin-bottom: 25px;
}

.about-mission p {
    font-size: 18px;
    font-weight: 300;
    color: #70727e;
}

.arabic pre {
    white-space: pre-wrap;
}

.about-mission:hover {
    background-color: #81161c;
}

.about-mission:hover figure img {
    filter: brightness(0) invert(1);
    animation: hithere 1s ease;
}

@keyframes hithere {
    30% {
        transform: scale(1.2);
    }
    40%,
    60% {
        transform: rotate(-20deg) scale(1.2);
    }
    50% {
        transform: rotate(20deg) scale(1.2);
    }
    70% {
        transform: rotate(0deg) scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.about-mission:hover h4,
.about-mission:hover p,
.about-mission:hover pre {
    color: #fff;
}

.about-wrapper {
    width: 100%;
    background-color: #fff;
    margin-top: 90px;
    padding: 30px 35px;
    border-radius: 10px;
    box-shadow: 0px 8px 35px -24px rgb(0 0 0 / 43%);
    -webkit-box-shadow: 0px 8px 35px -24px rgb(0 0 0 / 43%);
    -moz-box-shadow: 0px 8px 35px -24px rgb(0 0 0 / 43%);
}

.about-content h3 {
    text-align: left;
}

.arabic .about-content h3 {
    justify-content: flex-start;
}

.about-content {
    width: 53%;
    padding-right: 30px;
}

.about-content p {
    text-align: justify;
}

.arabic .about-content {
    padding-left: 30px;
    padding-right: 0;
}

.about-images>.flex {
    justify-content: space-between;
}

.about-images>.flex figure {
    margin-bottom: 12px;
}

.pagesub-back {
    align-items: center;
}

.pagesub-back a.back-button {
    padding-right: 30px;
}

.arabic .pagesub-back a.back-button {
    transform: rotate(180deg);
}

.pagesub-back a.back-button i {
    font-size: 22px;
}

 .cookie {                                                                   
    width: 350px;
    background-color: #fff;
    position: absolute;
    bottom: 48px;
    border-radius: 10px;
    right: 2%;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    z-index: 99;
    box-shadow: 0px 0px 38px -6px rgb(0 0 0 / 13%);
    -webkit-box-shadow: 0px 0px 38px -6px rgb(0 0 0 / 13%);
    -moz-box-shadow: 0px 0px 38px -6px rgb(0 0 0 / 13%);
} 
 
.simple-cookie-consent {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  resize: vertical;
  overflow: auto;
  z-index: 999999999;
  background: rgba(0, 0, 0, 0.7);
}
#simple-cookie-consent .cookie-consent-container {
  position: absolute;
  top: 50%;
  left: 20px;
  right: 20px;
  border-radius:10px;
  margin: -100px auto 0;
  background: #fff;
  padding: 20px;
  max-width: 500px;
}
 
 
.arabic .cookie {
    right: inherit;
    left: 2%;
}
.cookie-alert {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 320px;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
  }
  
  .cookie-alert.show {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 1000ms;
  }

  
.txt p {
    color: #1D2D35;
    margin-bottom: 10px;
}

.cookie .accept {
    background-color: #81161c;
    color: #fff !important;
    border-radius: 32px;
    padding: 3px 23px;
    font-size: 18px;
}

.cookie .accept:hover {
    background-color: #660e12;
}

ul.breadcrumb {
    list-style: none;
    margin-bottom: 20px;
    position: relative;
    padding-left: 28px;
}

.arabic ul.breadcrumb {
    padding-left: 0px;
    padding-right: 28px;
}

ul.breadcrumb:before {
    content: "";
    background-image: url(../images/bchome.png);
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    width: 18px;
    height: 16px;
    top: 4px;
    left: 0;
}

.arabic ul.breadcrumb:before {
    background-position: right center;
    left: initial;
    right: 0;
}

ul.breadcrumb li {
    display: inline;
    font-size: 17px;
    color: #81161c;
    font-weight: 300;
}

.arabic ul.breadcrumb li {
    display: inline-block;
}

ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: ' \276D';
}

ul.breadcrumb li a {
    color: #788088;
    text-decoration: none;
}

ul.breadcrumb li a:hover {
    color: #81161c;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    z-index: 999999;
}

@media screen and (max-width: 1440px) {
    .home-intrest-wrapper .seemore-button figure img{
        width: 30px;
    }
}
@media screen and (max-width: 1700px) {
    .inner-banner p {
        max-width: 60%;
        margin: auto;
        color: #fff;
    }
    .inner-banner h1 {
        font-size: 48px;
        line-height: 50px;
    }
}

@media screen and (max-width: 1400px) {
    .job-apply-form .input-field input,
    .job-apply-form form .input-field select,
    .control {
        padding: 8px 10px;
        height: 45px;
        margin-top: 5px;
    }
    .job-apply-form form {
        padding: 35px 30px;
    }
    .job-apply-form button {
        width: 38%;
        font-size: 17px;
        margin-top: 25px;
    }
    form#business_form {
        padding: 25px 50px;
    }
    #business_form .popup-form input,
    #business_form .popup-form select,
    #business_form .popup-form textarea {
        height: 45px;
        margin-bottom: 5px;
        padding: 8px 12px;
    }
    #business_form button {
        font-size: 16px;
        padding: 12px 30px;
    }
    #business_form textarea {
        height: 90px !important;
    }

    span.phone-code {
        height: 45px;
    }
}

@media screen and (max-width: 1340px) {
    .popup-form form {
        height: auto;
        padding: 15px 45px;
    }
    .popup-form h4 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .popup-form .control {
        margin-bottom: 10px;
    }
    .popup-product-view .popup-inner {
        width: 70%;
    }
    .popup-product-form form {
        padding: 25px 35px;
    }
    .popup-form .popup__close {
        top: -6px;
    }
    .inner-banner .banner-title {
        top: 22%;
    }
    .job-apply-form {
        width: 40%;
    }
    #business_form button {
        font-size: 15px;
        padding: 9px 30px;
    }
}

@media screen and (max-width: 1200px) {
    .page_center {
        max-width: 100%;
        padding: 0 25px;
    }
    .search-header select,
    .search-header input {
        font-size: 15px;
    }
    .page_logo {
        width: 89px;
    }
    .page_menu ul li {
        font-size: 16px;
    }
    .banner h1 {
        font-size: 70px;
        line-height: 70px;
    }
    .arabic .banner h1:nth-of-type(1) {
        font-size: 60px;
    }
    p.subtitle {
        max-width: 70%;
    }
    .home-intrest-wrapper {
        padding: 40px 22px;
        justify-content: center;
    }
    .home-intrest-div {
        height: auto;
        /* height: 200px; */
        width: 200px;
    }
    .home-featured {
        padding: 25px 15px;
        width: 32%;
    }
    .home-featured-contents h6 {
        font-size: 14px;
    }
    footer .page_center {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
    .banner-arrow {
        bottom: -28px;
    }
    .arabic .video-wrapper {
        margin-left: 18px;
    }
    .product-view-content {
        width: calc(50% - 10px);
    }
    .product-view-content:nth-child(3n+3) {
        margin-right: 20px;
    }
    .product-view-content:nth-child(2n+2) {
        margin-right: 0;
    }
    .arabic .product-view-content:nth-child(3n+3) {
        margin-left: 20px;
        margin-right: 0px;
    }
    .arabic .product-view-content:nth-child(2n+2) {
        margin-left: 0;
    }
    .about-images>.flex figure:nth-of-type(1) {
        padding-right: 12px;
    }
    .arabic .about-images>.flex figure:nth-of-type(1) {
        padding-left: 12px;
        padding-right: 0;
    }
    .contact-form .contant-input-wrapper .input-field {
        flex: 0 1 50%;
    }
    .contact-form {
        padding: 60px 60px 40px 40px;
    }
    .arabic .contact-form {
        padding: 60px 40px 40px 60px;
    }
    .search-header select {
        width: 50%;
    }
    .arabic .ftr_menu ul ul {
        padding-inline-end: 0;
    }
    .ftr_menu {
        padding-right: 20px;
        flex-basis: calc(48% - 20px);
    }
    .company-details {
        flex-basis: calc(20% - 20px);
    }
    .ftr_menu ul li a {
        /*font-size: 14px;*/
        font-size: 11px;
    }
     
}

@media screen and (max-width: 1140px) {
    .product-view-content {
        /* width: 48.8%; */
    }
    .video-wrapper {
        width: 31.8%;
    }
    .about-mission {
        height: auto;
    }
    .about-page .page_center {
        padding: 0 35px;
    }
    .popup-form input,
    .popup-form select,
    .popup-form textarea {
        height: 43px;
        font-size: 14px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 1070px) {
    .search-header {
        padding: 0 15px;
    }
    .page_menu ul li a {
        padding: 15px 8px;
    }
    .infolinks li {
        margin-left: 10px;
    }
    .contact-form .contant-input-wrapper .input-field:nth-child(odd) {
        padding-left: 10px;
    }
    .contact-form .contant-input-wrapper .input-field:nth-child(even) {
        padding-right: 10px;
    }
    .arabic .contact-form .contant-input-wrapper .input-field:nth-child(even) {
        padding-left: 10px;
        padding-right: 0;
    }
    .arabic .contact-form .contant-input-wrapper .input-field:nth-child(odd) {
        padding-right: 10px;
        padding-left: 0;
    }
    form#business_form {
        padding: 25px;
    }
    .view-resume-all-view {
        margin: 0 19px 20px 0;
    }
}

@media screen and (max-width: 1024px) {
    .fixed-header figure.page_logo img {
        height: 105px;
    }
    .header-content {
        flex-direction: column;
        width: 90%;
    }
    .search-header form {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .page_menu {
        justify-content: center;
    }
    .banner h1 {
        font-size: 50px;
        line-height: 47px;
        margin-bottom: 15px;
    }
    .arabic .banner h1:nth-of-type(1) {
        font-size: 42px;
    }
    .banner h5 {
        font-size: 25px;
        line-height: 25px;
    }
    .slick-prev,
    .slick-next {
        top: 40%;
        width: 60px;
        height: 60px;
    }
    .slick-prev:before,
    .slick-next:before {
        font-size: 25px;
    }
    p.subtitle {
        max-width: 88%;
    }
    .home-intrest-div {
        width: 23%;
    }
    .home-featured-contents h3 {
        font-size: 18px;
    }
    .home-featured-contents h6 {
        font-size: 13px;
    }
    .home-featured-listing .page_center {
        padding-top: 40px;
    }
    .engineering-page p.subtitle {
        max-width: 90%;
    }
    .inner-banner .banner-title {
        top: 15%;
    }
    .view-resume-all-view {
        width: 31.8%;
        margin: 0 17px 17px 0;
        padding: 13px;
    }
    .view-button {
        font-size: 11px;
    }
    .home-featured {
        width: 47%;
    }
    .home-featured:nth-child(2n+2) {
        margin-right: 0;
    }
    .home-featured:nth-child(3n+3) {
        margin-right: 20px;
    }
    .company-product-about-content {
        flex-direction: column;
        text-align: center;
    }
    .company-product-about-content img {
        margin-bottom: 20px;
        margin-right: 0px;
    }
    .company-product-about-top h3 {
        text-align: center;
    }
    .company-product-about-top p{
        text-align: left;
    }
    .arabic .company-product-about-top p{
        text-align: right;
    }
    .product-view-content {
        flex-direction: column;
    }
    a.productview-button img {
        max-height: 196px;
    }
    .product-content-left,
    .product-content-right {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
    .arabic .product-content-right{
        padding-right: 0;
    }
    .product-view-content .enquirebtn {
        float: initial;
        display: inline-block;
    }
    .product-view-content {
        padding: 15px 15px 15px 15px;
    }
    .tab-content .contact-wrapper {
        padding: 0;
        flex-direction: column;
    }
    .tab-location_map>img {
        width: 100%;
    }
    .contactform-wrapper {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }
    .arabic .contactform-wrapper {
        margin-right: 0px;
    }
    .tab-video-wrapper {
        justify-content: center;
    }
    .video-wrapper {
        width: 47%;
    }
    .video-wrapper:nth-child(3n+3) {
        margin-right: 20px;
    }
    .arabic .video-wrapper:nth-child(3n+3) {
        margin-left: 20px;
        margin-right: 0;
    }
    .video-wrapper:nth-child(2n+2) {
        margin-right: 0;
        margin-left: 0;
    }
    .arabic .video-wrapper:nth-child(6n+6) {
        margin-left: 0;
    }
    .arabic .contactform-wrapper {
        margin-left: 0;
    }
    .client_section {
        padding: 50px 0;
    }
    .client_section ul {
        /* flex-wrap: wrap; */
        padding-top: 45px;
    }
    .client_section ul li {
        margin-bottom: 25px;
        width: 18%;
        margin-right: 12px;
    }
    .client_section li figure {
        width: 140px;
    }
    .arabic .client_section li {
        margin-right: 0px;
        margin-left: 12px;
    }
    .desktop-banner .slick-dots {
        bottom: 27px;
    }
    .desktop_iframe {
        display: none;
    }
    .mobile_iframe {
        display: block;
        height: 80vh;
        width: 96vh;
    }
    .arabic .company-product-about-content img {
        margin-left: 0;
    }
    .product-view-slider {
        height: 300px;
    }
    .arabic .company-product-about-top h3 {
        text-align: center;
        justify-content: center;
    }
    .product-view-content h4 {
        padding: 6px 0;
    }
}

@media screen and (max-width: 991px) {
    .responsive-header .logo img {
        width: 89px;
        padding-left: 0;
    }
    .fixed-header figure.page_logo img {
        height: 105px;
    }
    .page_menu,
    .page_menu ul {
        flex-direction: column;
    }
    .page_menu ul li {
        margin-bottom: 15px;
    }
    .infolinks {
        justify-content: center;
        margin-bottom: 20px;
    }
    .arabic .search-header form {
        padding: 7px 48px 7px 6px;
    }
    #container {
        padding-top: 127px;
    }
    .engineering-page .home-intrest-div figcaption {
        font-size: 16px;
    }
    .view-resume-all-view {
        width: 48%;
        margin: 0 17px 15px 0;
        padding: 25px;
    }
    .view-button {
        font-size: 14px;
    }
    .view-resume-all-view:nth-child(3n+3) {
        margin-right: 15px;
    }
    .view-resume-all-view:nth-child(2n+2) {
        margin-right: 0;
    }
    .view-resume-all-view:nth-child(2n+2) {
        margin-left: 0;
    }
    .arabic .view-resume-all-view:nth-child(3n+1) {
        margin-left: 14px;
    }
    .arabic .view-resume-all-view:nth-child(3n+3) {
        margin-left: 14px;
        margin-right: 0;
    }
    .arabic .view-resume-all-view {
        margin: 0 0 15px 14px;
        width: 47%;
    }
    .control span {
        font-size: 12px;
        padding-left: 11px;
    }
    .popup-product-view .popup-inner {
        width: 95%;
    }
    .certification-item {
        width: 31%;
    }
    .certification-item:nth-child(4n+4) {
        margin-right: 20px;
    }
    .certification-item:nth-child(3n+3) {
        margin-right: 0;
    }
    .about-wrapper {
        flex-direction: column;
        margin-top: 20px;
    }
    .about-content {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 20px;
        padding-top: 0;
    }
    .arabic .about-content {
        padding-left: 0px;
    }
    .about-images {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .product-view-content {
        /* width: 48.75%; */
        width: calc(50% - 10px);
    }
    .job-apply-form form {
        padding: 25px;
    }
    .job-apply-form {
        width: 50%;
    }
    .infolinks li {
        margin-left: 0px;
    }
    .infolinks li a {
        padding-right: 10px;
    }
    .infolinks li a:nth-of-type(2) {
        padding-left: 10px;
        position: relative;
         margin-top: 0px;
    }
    .arabic .infolinks li a {
        padding-left: 10px;
    }
    .product-view-slider {
        height: auto;
    }
    .home-intrest-wrapper {
        padding: 34px 22px;
    }
    .client_section li figure {
        width: 140px;
    }
}

@media screen and (max-width: 900px) {
    .heading-section button {
        max-width: 320px;
        font-size: 19px;
    }
    .heading-section h1 {
        font-size: 70px;
        margin-bottom: 30px;
        line-height: 54px;
    }
    #post_your.heading-section h1 {
        margin-bottom: 0;
    }
    .heading-content p {
        max-width: 97%;
    }
    .inner-banner h1 {
        font-size: 48px;
        line-height: 44px;
        margin-bottom: 0;
    }
    .contact-wrapper {
        flex-direction: column;
    }
    .contact-map {
        margin-top: 35px;
        border-radius: 14px;
    }
    .location_map img {
        right: 10%;
        top: 106 px;
    }
    .contact_page {
        padding-top: 30px;
    }
    .about-missions {
        flex-direction: column;
    }
    .about-mission {
        width: 100%;
        margin-bottom: 20px;
    }
    .arabic .about-mission {
        height: auto;
    }
    a.productview-button img {
        max-height: 120px;
    }
    .product-content-right {
        /* padding-bottom: 15px; */
    }
    .top_footer .page_center {
        flex-wrap: wrap;
    }
    .ftr_menu {
        /* width: 50%; */
        margin-bottom: 30px;
        flex-basis: calc(107% - 20px);
        padding-left: 0;
        padding-right: 0;
    }
    .ftr_menu.quicklinks{ 
        order:2
    }
    .ftr_menu.locations{ 
        order:3;
        padding-left: 0;
    }
    .company-details {
        order: 1;
        /*flex-basis: 60%; new*/
         flex-basis: 47%;
        width: 100%;
        margin-bottom: 50px;
    }
    .arabic .company-details {
        padding-left: 0px;
    }
    /* .resume-popup .popup-inner {
        width: 78%;
        padding: 30px 0;
    } */
    .featured-category {
        padding-left: 0px;
        text-align: center;
    }
    .home-featured-contents h3 {
        text-align: center;
        justify-content: center;
    }
    .featured-category {
        padding-left: 0px;
        width: 100%;
    }
    .product-view-content {
        /* width: 48.4%; */
    }
    .heading-section h1 span {
        font-size: 34px;
    }
    .mobile_iframe {
        height: 80vh;
        width: 65vh;
    }
    .client_section li figure {
        width: 128px;
    }

    
}

@media screen and (max-height: 768px) {
    .mobile_iframe {
        height: 80vh;
        width: 96vh;
    }
    .photo-upload .control > label ~ span {
        max-width: calc( 100% - 138px);
    }

    

}

@media screen and (max-height: 740px) {
    form#business_form {
        padding: 20px 30px;
    }
    form#business_form h4 {
        font-size: 19px;
        margin-bottom: 7px;
    }
    form#business_form input,
    form#business_form select,
    form#business_form textarea {
        height: 42px;
        font-size: 14px;
        margin-bottom: 5px;
    }
    #business_form textarea {
        height: 78px !important;
    }
    
    .client_section ul {
        flex-wrap: wrap;
    }
}

@media screen and (max-height: 650px) {
    .popup-form form,
    .job-apply-form form {
        max-height: 530px;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    
}

@media screen and (max-height: 500px) {
    .popup-form form {
        max-height: 400px;
    }
    .job-apply-form form {
        max-height: 400px;
    }
}

@media screen and (max-height: 400px) {
    .popup-form form {
        max-height: 300px;
    }
    .job-apply-form form {
        max-height: 300px;
    }
}

@media screen and (max-width: 768px) {
    .desktop-banner {
        display: none;
    }
    .mobile-banner {
        display: block;
    }
    .slick-dots {
        bottom: 24px;
    }
    p.subtitle {
        max-width: 96%;
    }
    .home-products {
        padding: 50px 30px;
    }
    .home-intrest-div,
    .engineering-page .home-intrest-div {
        width: 30%;
    }
    .top_footer .page_center {
        padding: 40px 0 40px 0;
    }
    .bottom_footer .page_center {
        flex-direction: column-reverse;
        padding: 25px 0;
    }
    .socialicons {
        bottom: 0;
        width: calc(100% - 50px);
    }
    .home-featured-listing {
        padding: 36px 0;
    }
    .banner h1 {
        font-size: 45px;
        line-height: 41px;
    }
    .arabic .banner h1:nth-of-type(1) {
        font-size: 38px;
    }
    .banner-arrow img {
        width: 114px;
    }
    .arabic .company-details {
        padding-left: 0;
    }
    .category-page p.subtitle {
        max-width: 90%;
    }
    .home-feature-slider .slick-dots {
        bottom: -25px;
    }
    .contact-address,
    .contact-form {
        padding: 40px 20px;
    }
    .arabic .contact-form {
        padding: 60px 40px;
    }
    .arabic .contact-form .contant-input-wrapper .input-field:nth-child(odd) {
        padding-left: 0px;
    }
    .view-resume-all-view {
        width: 48%;
        margin: 0 17px 17px 0;
        padding: 13px;
    }
    .company-list-page .home-featured {
        height: auto;
        padding: 25px 15px !important;
    }
    .home-featured.advertisement {
        padding: 0 !important;
    }
    .popup-form form {
        width: 70%;
    }
    .company-product-view {
        flex-direction: column;
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 400px;
    }
    .product-view-slider {
        margin-top: 0;
        overflow-x: hidden;
        overflow-y: scroll;
        flex-shrink: 0;
    }
    .product-view-slider ul li {
        height: auto;
    }
    .company-product-view-content {
        width: 100%;
        padding: 0 10px;
        text-align: center;
    }
    .arabic .company-product-view-content {
        padding-right: 0;
    }
    .company-product-view .popup__close {
        right: 5px;
        top: 7px;
    }
    .tab-contact-address li.location {
        max-width: 90%;
    }
    .tab-contact-address .contact-info ul {
        flex-direction: column;
    }
    .tab-contact-address .contact-info ul li:nth-of-type(2) {
        margin-left: 0px;
    }
    .arabic .tab-contact-address .contact-info ul li:nth-of-type(2) {
        margin-right: 0px;
        margin-left: 0;
    }
    .tab-location img {
        width: 80%;
    }
    .video-wrapper {
        width: 46%;
        margin-right: 18px;
    }
    .certification-item {
        width: 48%;
    }
    .certification-item:nth-child(4n+4),
    .certification-item:nth-child(2n+2) {
        margin-right: 0;
    }
    .certification-item:nth-child(3n+3) {
        margin-right: 20px;
    }
    .certification-item:nth-child(6n+6) {
        margin-right: 0;
    }
    .ftr_menu ul {
        padding-inline-start: 5px;
    }
    .arabic .ftr_menu ul {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
    .socialicons li {
        margin-right: 12px;
        margin-bottom: 5px;
        margin-left: 0;
    }
    .socialicons li:last-child{
        margin-right: 0;
    }
    .ftr_menu > ul {
        column-gap: 0px;
        row-gap: 10px;
        /*flex-direction: column;*/
    }
    .ftr_menu ul ul{
        display: flex;
        flex-direction: column;
        column-gap: 30px;
        /*row-gap: 10px;*/
        padding: 0;
        flex-wrap: wrap;
    }
    /* .arabic .socialicons li:last-child {
        margin-right: 25px;
    } */
    .banner-title {
        top: 30%;
    }
    .product-view-content {
        /* width: 48.2%; */
        width: calc(50% - 10px);
    }
    .product-view-content p {
        display: none;
    }
    .job-apply-form form {
        padding: 20px;
    }
    .job-apply-form form .input-field {
        padding: 0 7px;
    }
    .job-apply-form button {
        margin-top: 20px;
        width: 36%;
        height: 40px;
        font-size: 16px;
    }
    .job-apply-form .input-field label {
        font-size: 15px;
    }
    .job-apply-form form h4 {
        margin-bottom: 15px;
        font-size: 18px;
    }
    .arabic .job-apply-form .popup__close {
        right: initial !important;
        left: 1rem;
        top: 10px;
    }
    .job-apply-form {
        width: 60%;
    }
    /* 21/3/2022  */
    .mobile_iframe {
        height: 85vh;
        width: 100%;
    }
    .resume-popup .popup-inner,.popup-wrapper .popup-inner {
        width: 96%;
        padding: 20px 4px 15px;
    }
    .resume-popup .popup__photo,.popup-wrapper .popup__photo {
        width: 100%;
        padding-bottom: 2px;
    }
    #resume_download button {
        margin-bottom: 10px;
    }
    .popup__close {
        top: 30px;
        width: 38px;
        height: 38px;
        font-size: 31px;
        line-height: 41px;
    }
    #post_your .page_center .heading-content {
        flex-basis: 100%;
        text-align: center;
        padding-right: 0;
        padding-bottom: 20px;
    }
    #post_your.heading-section .page_center button {
        margin-left: 0;
    }
    .arabic #post_your .page_center .heading-content {
        padding-left: 0;
    }
    .arabic #post_your.heading-section .page_center button {
        margin-right: 0;
    }
    .heading-section button {
        margin-top: 0px;
    }
    .heading-section .page_center {
        flex-direction: column;
    }
    .heading-content {
        text-align: center;
    }
    #post_your.heading-section h1 {
        text-align: center;
    }
    .heading-section {
        margin-top: -115px;
    }
    .product-view-slider {
        margin-bottom: 20px;
        height: auto !important;
    }
    
   
    .arabic .resume-popup a.popup__close {
        right: initial;
        left: 22px;
    }
    /* 4/5/2022 */
    /* .resume-popup a.popup__close {
        right: 22px;
    } */
    /* .company-product-about-top h4{
        text-align: center;
    }  */
    .resume-popup a.popup__close,.popup-wrapper .pdf-viewer .popup__close {
        left: 15px;
        right: auto;
    }
    .product-view-content h4 {
        font-size: 18px;
    }
    span.phone-code {
        left: 7px;
        max-width: 55px;
    }
    .arabic .phone-code {
        right: 7px;
        left: auto;
    }
    .phonecode-field input {
        padding-left: 55px !important;
    }
    .arabic .phonecode-field input {
        padding-left: 10px !important;
        padding-right: 55px !important;
    }
}

@media screen and (max-width: 680px) {
    .banner h1 {
        font-size: 33px;
        line-height: 25px;
    }
    .arabic .banner h1:nth-of-type(1) {
        font-size: 25px;
    }
    .banner h5 {
        font-size: 18px;
        line-height: 10px;
    }
    .heading-section h1 {
        font-size: 60px;
        margin-bottom: 20px;
        line-height: 48px;
    }
    #post_your.heading-section h1 {
        margin-bottom: 0;
    }
    .home-featured-listing {
        padding: 50px 0;
    }
    .client_section ul {
        justify-content: center;
        align-items: center;
        padding-top: 20px;
        /* flex-direction: column; */
    }
    .client_section ul > a{
        flex-basis: 33.3%;
        display: flex;
        justify-content: center;
    }
    .client_section ul li {
        width: auto;
        margin-right: 0px;
    }
    .arabic .client_section li {
        margin-left: 0;
    }
    .client_section li figure img {
        margin: auto;
    }
    .bottom_footer p {
        text-align: center;
    }
    .inner-banner h1 {
        margin-bottom: 10px;
    }
    .contact-form .contant-input-wrapper .input-field:nth-child(even),
    .contact-form .contant-input-wrapper .input-field:nth-child(odd) {
        padding-left: 0px;
        padding-right: 0px;
    }
    .arabic .contact-form .contant-input-wrapper .input-field:nth-child(even) {
        padding-right: 0px;
        padding-left: 0px;
    }
    .arabic .contact-form .contant-input-wrapper .input-field:nth-child(odd) {
        padding-right: 0px;
    }
    .contact-form .contant-input-wrapper .input-field {
        flex: 0 1 100%;
    }
    .contact-form .contant-input-wrapper .input-field.message {
        padding-top: 10px;
    }
    .view-resume-all-view {
        width: 100%;
        margin: 0 0px 17px 0;
        padding: 25px;
    }
    .view-button {
        font-size: 14px;
    }
    .view-resume-all-view:nth-child(3n+3) {
        margin-right: 0px;
    }
    .job-apply-form form .input-field {
        width: 100%;
    }
    .view-resume-title {
        margin: 30px 0;
        flex-direction: column;
    }
    .filter-input {
        padding-top: 20px;
    }
    ul.tabs li {
        margin-right: 20px;
    }
    .video-wrapper:nth-child(3n+3) {
        margin-right: 0px;
    }
    .video-wrapper {
        width: 100%;
        margin-right: 0;
    }
    .arabic .view-resume-all-view {
        margin: 0 0 15px 0px;
        width: 100%;
    }
    .arabic .view-resume-all-view:nth-child(3n+1) {
        margin-left: 0px;
    }
    .arabic .view-resume-all-view:nth-child(3n+3) {
        margin-left: 0px;
    }
    .company-product-about-bottom {
        padding: 30px 15px;
    }
    .arabic .video-wrapper {
        margin-left: 0px;
    }
    .arabic .video-wrapper:nth-child(3n+3) {
        margin-left: 0px;
    }
    .product-view-content {
        /* width: 48.1%; */
    }
    .arabic .company-list-page .home-featured .home-featured-contents {
        flex-direction: column;
    }
    .company-list-page .home-featured .home-featured-contents {
        flex-direction: column;
    }
    .companylist-wrapper .home-featured p {
        text-align: center;
    }
    .companylist-wrapper .home-featured p {
        display: block;
    }
    .company-list-page .home-featured {
        justify-content: center;
        width: 100% !important;
    }
    .companylist-wrapper .home-featured-contents h3 {
        text-align: center;
        margin-top: 10px;
    }
    .companylist-wrapper .featured-category {
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }
    .companylist-wrapper .home-featured-contents h6 {
        display: flex;
        justify-content: center;
    }
    .arabic .companylist-wrapper .home-featured-contents h3 {
        justify-content: center;
        text-align: center;
    }
    .arabic .companylist-wrapper .featured-category {
        padding-right: 0px;
    }
    .arabic .companylist-wrapper .home-featured-contents h6 {
        justify-content: center;
    }
    .view-resume-title select {
        width: 50%;
        padding-right: 0px;
    }
    .search-header {
        padding: 0 10px;
    }
    .search-header form {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        flex-direction: column;
    }
    .search-header select,
    .search-header input {
        width: 94%;
        border: solid 1px #ccc;
        padding: 15px 25px 15px 55px;
        margin-top: 18px;
        border-radius: 20px;
        margin-left: 0;
        background-position: 5% center;
    }
    .arabic .search-header form {
        padding: 7px 6px;
    }
    .search-box {
        margin-left: 0;
        width: 94%;
    }
    .arabic .search-header select {
        background-position: 96% center;
        border: solid 1px #ccc;
        padding-right: 60px;
    }
    .arabic .search-box input {
        background-position: 96% center;
        padding-right: 60px;
    }
    .arabic .search-box {
        margin-right: 0;
    }
    .search-box input {
        width: 100%;
    }
    .search-header button {
        margin: 10px 0;
    }
    .search-header select {
        width: 94%;
    }
    .socialicons li {
        margin-right: 12px;
    }
    .arabic .socialicons li {
        margin-left: 12px;
        margin-right: 0;
    }
}

@media screen and (max-width: 600px) {
    .slick-prev,
    .slick-next {
        width: 40px;
        height: 40px;
    }
    .slick-next {
        right: 10px;
    }
    .slick-prev {
        left: 15px;
    }
    .banner h1 {
        font-size: 28px;
        margin-bottom: 8px;
    }
    .arabic .banner h1:nth-of-type(1) {
        font-size: 20px;
    }
    .banner h5 {
        font-size: 18px;
    }
    .home-intrest-div {
        width: 46%;
        margin-left: 4px;
        margin-right: 4px;
        margin-bottom: 8px;
    }
    .home-intrest-div figcaption {
        font-size: 16px;
    }
    .heading-section {
        margin-top: -100px;
        padding-top: 118px;
        padding-bottom: 50px;
    }
    .title-applyjob {
        margin-bottom: 20px;
    }
    .title-applyjob h3 {
        margin-bottom: 0;
    }
    .home-featured:nth-child(2n+2),
    .home-featured:nth-child(3n+3) {
        margin-right: inherit;
    }
    .resume-popup .popup-inner,.popup-wrapper .popup-inner {
        width: 95%;
    }
    h3 {
        font-size: 30px;
    }
    .engineering-page .home-intrest-div {
        width: 47%;
    }
    .view-resume-title select {
        width: 220px;
    }
    .popup-inner {
        width: 90%;
    }
    .popup-form form {
        width: 85%;
    }
    ul.tabs li {
        margin-right: 7px;
        font-size: 15px;
    }
    .tab-location img {
        width: 120px;
    }
    .certification-item {
        width: 100%;
        margin-right: 0px;
    }
    .certification-item:nth-child(3n+3) {
        margin-right: 0px;
    }
    .company-product-about-top {
        padding: 30px 15px 0px 15px;
    }
    .company-product-about-top p {
        text-align: justify;
    }
    .inner-banner .slide img {
        min-height: 200px;
    }
    .inner-banner .banner-title {
        top: 24%;
    }
    .home-featured {
        padding: 10px;
    }
    .home-featured-contents {
        margin-bottom: 10px;
    }
    .home-featured-contents h3 {
        font-size: 14px;
    }
    .home-products-slide>figure>img {
        min-width: auto;
        height: 100px;
    }
    .home-products-title {
        display: none;
    }
    .home-products-slide figure {
        flex-direction: column-reverse;
    }
    .home-products-slide {
        height: 200px;
    }
    .job-apply-form {
        width: 95%;
    }
    .pdf-viewer iframe {
        width: auto;
        height: 400px;
    }
    .pdf-viewer .popup-wrapper iframe{
        width: 100%;
    }

    .homeproductslider .slick-slide {
        margin-right: 5px;
        margin-left: 5px;
    }
    .product-view-content {
        /* width: 47.6%; */
    }
    .home-intrest-wrapper {
        padding: 30px 18px;
    }
}

@media screen and (max-width: 480px) {
    .banner-title {
        top: 25%;
    }
    .banner h1 {
        font-size: 24px;
    }
    .arabic .banner h1:nth-of-type(1) {
        font-size: 20px;
    }
    .banner h5 {
        font-size: 15px;
    }
    .ftr_menu,
    .company-details {
        width: 100%;
        /*flex-basis: 100%;*/
        /* padding-left: 15px; */
    }
    .arabic .ftr_menu{
        padding-left: 0;
    }
    h3 {
        font-size: 25px;
    }
    .client_section {
        padding-left: 15px;
        padding-right: 15px;
    }
    .home-products {
        padding: 35px 20px;
    }
    .inner-banner h1 {
        margin-bottom: 4px;
    }
    .job-apply-form form {
        padding: 20px;
    }
    .view-button {
        font-size: 13px;
    }
    .company-product-about-bottom {
        padding: 30px 15px;
    }
    ul.tabs li {
        padding: 20px 0px;
        width: 100%;
    }
    .arabic ul.tabs li {
        margin-left: 0px;
    }
    .tab-location img {
        width: 100px;
    }
    .filter-input {
        flex-direction: column;
        align-items: flex-start;
        width: 93%;
    }
    .arabic .company-list-page .view-resume-title select {
        margin-right: 0;
        margin-top: 10px;
    }
    .company-list-page .view-resume-title select {
        width: 100%;
        margin-left: 0;
    }
    .popup-form form {
        padding: 15px;
        width: 95%;
    }
    .popup-form .control {
        flex-direction: column;
    }
    .about-images>.flex {
        flex-direction: column;
    }
    .about-images>.flex figure {
        width: 100%;
    }
    .banner-arrow::after {
        margin-top: -20px;
    }
    .inner-banner p {
        max-width: 100%;
    }
    .tab-title select {
        width: 100%;
    }
    .input-field .send-btn-wrap .btn-send .input-field input[type="submit"] {
        width: 35px;
        height: 35px;
        background-size: 52%;
    }
    .home-intrest-div figure {
        text-align: center;
    }
    .home-intrest-div figure img {
        max-height: 90px;
    }
    .home-intrest-wrapper {
        padding: 30px 15px;
    }
    .product-view-content h4 {
        font-size: 14px;
        margin-bottom: 0;
    }
    .arabic .product-view-content h4{
        margin-bottom: 4px;
    }
    .product-view-content p {
        font-size: 13px;
        margin-bottom: 6px;
    }
    .product-view-content .enquirebtn {
        font-size: 12px;
        padding: 9px 8px;
    }
    .product-content-right {
        /* padding-bottom: 5px; */
    }
    .product-view-content {
        margin: 0 10px 15px 0;
        padding: 10px;
        /* width: calc(50% - 5px); */
    }
    .arabic .product-view-content {
        margin: 0 0 15px 10px;
    }
    .product-view-content:nth-child(3n+3) {
        margin-right: 10px;
    }
    .arabic .product-view-content:nth-child(3n+3) {
        margin-right: 0px;
        margin-left: 10px;
    }
    .home-featured {
        height: 220px;
    }
    .home-featured-contents h3 {
        margin: 12px 0;
    }
    .product-view-content:nth-child(6) {
        margin-right: 0;
    }
    .arabic .product-view-content:nth-child(6) {
        margin-right: 0;
        margin-left: 0;
    }
    .arabic .popup__close {
        left: 9px;
    }
    .job-apply-form .popup__close {
        right: 18px;
        top: 15px;
    }
    span.restaurant {
        display: block;
        padding: 5px 8px;
    }

    .client_section ul {
        flex-direction: column;
    }
}

@media screen and (max-width: 380px) {
    .banner h1 {
        font-size: 19px;
        line-height: 10px;
    }
    .arabic .banner h1:nth-of-type(1) {
        font-size: 17px;
    }
    .banner h5 {
        font-size: 15px;
        line-height: 16px;
        max-width: 90%;
        margin: auto;
    }
    .inner-banner h1 {
        line-height: 14px;
    }
    h3 {
        font-size: 21px;
    }
    p.subtitle {
        font-size: 15px;
        max-width: 95%;
    }
    .view-resume-title {
        flex-direction: column;
    }
    .resume-view {
        flex-direction: column;
    }
    .view-button {
        margin-top: 10px;
    }
    .tab-location img {
        width: 80px;
    }
    .home-products-slide {
        height: auto;
        overflow: hidden;
    }
    .popup-form h4 {
        font-size: 18px;
    }
    .contactform-wrapper {
        padding: 25px 15px;
    }
    /* .popup-product-view .popup-inner {
        padding-right: 0;
    } */
    .arabic .company-list-page .home-featured .home-featured-contents {
        flex-direction: column;
    }
    .cookie {
        width: 95%;
        left: 0;
        right: 0;
        margin: auto;
    }
    .heading-section button {
        width: 98%;
    }
    .view-resume-title-breadcrumb {
        margin: 30px 0;
    }
    .home-intrest-div,
    .engineering-page .home-intrest-div {
        height: auto;
        width: 45%;
    }
    .home-intrest-div figcaption {
        font-size: 14px;
    }
    .engineering-page .home-intrest-div figcaption {
        font-size: 12px;
        padding: 0;
    }
    .home-intrest-div figure img {
        max-height: 80px;
    }
    .home-products-slide {
        height: 200px;
    }
    .home-featured {
        height: 220px;
    }
    .featured-category span {
        font-size: 12px;
    }
    .job-apply-form button {
        font-size: 14px;
    }
    .title-applyjob .view-button {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .title-applyjob {
        flex-direction: column;
    }
    .job-apply-form button {
        width: 60%;
    }
    .search-header select,
    .search-header input {
        padding: 15px 25px 15px 44px;
    }
    .arabic .search-header select {
        padding-right: 43px;
        padding-left: 0;
    }
    .arabic .search-box input {
        padding-right: 40px;
        padding-left: 0;
    }
    .about-images>.flex figure:nth-of-type(1) {
        padding-right: 0;
    }
    .arabic .about-images>.flex figure:nth-of-type(1) {
        padding-left: 0px;
    }
    .product-view-slider {
        min-width: 100% !important;
        width: 100% !important;
        max-width: 100%;
        height: auto;
    }
    .job-apply-form .input-field label {
        font-size: 13px;
    }
    .socialicons li a {
        max-width: 25px;
    }
    .photo-upload .control > label ~ span {
        max-width: calc( 100% - 120px);
    }
}

@media screen and (max-width: 320px) {
    .view-resume-all-view>.flex {
        flex-direction: column;
        text-align: center;
    }
    .resume-content {
        padding-left: 0;
        padding-right: 0;
        margin-top: 10px;
    }
    .resume-view {
        flex-direction: column;
        align-items: center;
    }
    .home-feature-slider .slick-dots {
        bottom: -48px;
    }
    .job-apply-form .input-field label {
        font-size: 12px;
        padding: 10px 5px;
    }
    .control span {
        font-size: 11px;
        padding-left: 6px;
    }
    .input-field.photo-upload .control,
    .input-field.resume-upload .control {
        padding: 3px;
    }
    .job-apply-form .popup__close {
        right: 14px;
        top: 0px;
    }
    .resume-view a {
        word-break: break-all;
    }
    .photo-upload .control > label ~ span {
        max-width: calc( 100% - 110px);
    }
    .resume-upload .control > label ~ span {
        max-width: calc( 100% - 65px);
    }
}

@media screen and (max-width: 280px) {
    .home-intrest-div figcaption {
        font-size: 12px;
        padding: 0;
    }
    /* .product-view-content {
        width: 47%;
    } */
}

.slick-dots li button::before {
    content: none;
}
.playstore a:first-child {
    padding-top: 3px;
}



/* International Telephone Input Css */
.flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px;
    right: auto;
    left: 0;
}

.flag-container:hover {
    cursor: pointer;
}

.selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding:0 4px 3px 14px;
    
}

.flag.bd {
    height: 12px;
    background-position: -418px 0;
}

.arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #555;
}

.arrow-up {
    border-top: none;
    border-bottom: 6px solid #555;
}

.country-list {
    display: none;
    cursor: pointer;
    line-height: 18px;
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    list-style: none;
    text-align: left;
    /* padding: 0;
    margin: 0 0 0 -1px; */
    box-shadow: 0px 8px 10px 1px rgb(57 64 78 / 70%), 0px 3px 14px 2px rgb(57 64 78 / 70%), 0px 5px 5px -3px rgb(57 64 78 / 70%);
    background-color: #81161c;
    width: auto;
    max-height: 500px;
    /* white-space: nowrap; */
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.country-list.active {
    display: inline-block;
}

.country {
    padding: 5px 26px 5px 15px;
    outline: 0;
}

.country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid rgb(0 0 0 / 12%);
}

.country.highlight {
    background-color: rgb(51 57 70);
}

.flag-box {
    display: inline-block;
    width: 20px;
}

.country-name,
.flag-box {
    margin-right: 6px;
}

.country-name,
.dial-code,
.flag-box {
    vertical-align: middle;
}

.country-name {
    color: #cdcdcd;
}

.dial-code {
    color: #adacaf;
}



/* International Telephone Input Flags Css */
.flag {
    width: 20px;
}

.flag.be {
    width: 18px;
}

.flag.ch {
    width: 15px;
}

.flag.mc {
    width: 19px;
}

.flag.ne {
    width: 18px;
}

.flag.np {
    width: 13px;
}

.flag.va {
    width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag {
        background-size: 5652px 15px;
    }
}

.flag.ac {
    height: 10px;
    background-position: 0 0;
}

.flag.ad {
    height: 14px;
    background-position: -22px 0;
}

.flag.ae {
    height: 10px;
    background-position: -44px 0;
}

.flag.af {
    height: 14px;
    background-position: -66px 0;
}

.flag.ag {
    height: 14px;
    background-position: -88px 0;
}

.flag.ai {
    height: 10px;
    background-position: -110px 0;
}

.flag.al {
    height: 15px;
    background-position: -132px 0;
}

.flag.am {
    height: 10px;
    background-position: -154px 0;
}

.flag.ao {
    height: 14px;
    background-position: -176px 0;
}

.flag.aq {
    height: 14px;
    background-position: -198px 0;
}

.flag.ar {
    height: 13px;
    background-position: -220px 0;
}

.flag.as {
    height: 10px;
    background-position: -242px 0;
}

.flag.at {
    height: 14px;
    background-position: -264px 0;
}

.flag.au {
    height: 10px;
    background-position: -286px 0;
}

.flag.aw {
    height: 14px;
    background-position: -308px 0;
}

.flag.ax {
    height: 13px;
    background-position: -330px 0;
}

.flag.az {
    height: 10px;
    background-position: -352px 0;
}

.flag.ba {
    height: 10px;
    background-position: -374px 0;
}

.flag.bb {
    height: 14px;
    background-position: -396px 0;
}

.flag.bd {
    height: 12px;
    background-position: -418px 0;
}

.flag.be {
    height: 15px;
    background-position: -440px 0;
}

.flag.bf {
    height: 14px;
    background-position: -460px 0;
}

.flag.bg {
    height: 12px;
    background-position: -482px 0;
}

.flag.bh {
    height: 12px;
    background-position: -504px 0;
}

.flag.bi {
    height: 12px;
    background-position: -526px 0;
}

.flag.bj {
    height: 14px;
    background-position: -548px 0;
}

.flag.bl {
    height: 14px;
    background-position: -570px 0;
}

.flag.bm {
    height: 10px;
    background-position: -592px 0;
}

.flag.bn {
    height: 10px;
    background-position: -614px 0;
}

.flag.bo {
    height: 14px;
    background-position: -636px 0;
}

.flag.bq {
    height: 14px;
    background-position: -658px 0;
}

.flag.br {
    height: 14px;
    background-position: -680px 0;
}

.flag.bs {
    height: 10px;
    background-position: -702px 0;
}

.flag.bt {
    height: 14px;
    background-position: -724px 0;
}

.flag.bv {
    height: 15px;
    background-position: -746px 0;
}

.flag.bw {
    height: 14px;
    background-position: -768px 0;
}

.flag.by {
    height: 10px;
    background-position: -790px 0;
}

.flag.bz {
    height: 14px;
    background-position: -812px 0;
}

.flag.ca {
    height: 10px;
    background-position: -834px 0;
}

.flag.cc {
    height: 10px;
    background-position: -856px 0;
}

.flag.cd {
    height: 15px;
    background-position: -878px 0;
}

.flag.cf {
    height: 14px;
    background-position: -900px 0;
}

.flag.cg {
    height: 14px;
    background-position: -922px 0;
}

.flag.ch {
    height: 15px;
    background-position: -944px 0;
}

.flag.ci {
    height: 14px;
    background-position: -961px 0;
}

.flag.ck {
    height: 10px;
    background-position: -983px 0;
}

.flag.cl {
    height: 14px;
    background-position: -1005px 0;
}

.flag.cm {
    height: 14px;
    background-position: -1027px 0;
}

.flag.cn {
    height: 14px;
    background-position: -1049px 0;
}

.flag.co {
    height: 14px;
    background-position: -1071px 0;
}

.flag.cp {
    height: 14px;
    background-position: -1093px 0;
}

.flag.cr {
    height: 12px;
    background-position: -1115px 0;
}

.flag.cu {
    height: 10px;
    background-position: -1137px 0;
}

.flag.cv {
    height: 12px;
    background-position: -1159px 0;
}

.flag.cw {
    height: 14px;
    background-position: -1181px 0;
}

.flag.cx {
    height: 10px;
    background-position: -1203px 0;
}

.flag.cy {
    height: 14px;
    background-position: -1225px 0;
}

.flag.cz {
    height: 14px;
    background-position: -1247px 0;
}

.flag.de {
    height: 12px;
    background-position: -1269px 0;
}

.flag.dg {
    height: 10px;
    background-position: -1291px 0;
}

.flag.dj {
    height: 14px;
    background-position: -1313px 0;
}

.flag.dk {
    height: 15px;
    background-position: -1335px 0;
}

.flag.dm {
    height: 10px;
    background-position: -1357px 0;
}

.flag.do {
    height: 14px;
    background-position: -1379px 0;
}

.flag.dz {
    height: 14px;
    background-position: -1401px 0;
}

.flag.ea {
    height: 14px;
    background-position: -1423px 0;
}

.flag.ec {
    height: 14px;
    background-position: -1445px 0;
}

.flag.ee {
    height: 13px;
    background-position: -1467px 0;
}

.flag.eg {
    height: 14px;
    background-position: -1489px 0;
}

.flag.eh {
    height: 10px;
    background-position: -1511px 0;
}

.flag.er {
    height: 10px;
    background-position: -1533px 0;
}

.flag.es {
    height: 14px;
    background-position: -1555px 0;
}

.flag.et {
    height: 10px;
    background-position: -1577px 0;
}

.flag.eu {
    height: 14px;
    background-position: -1599px 0;
}

.flag.fi {
    height: 12px;
    background-position: -1621px 0;
}

.flag.fj {
    height: 10px;
    background-position: -1643px 0;
}

.flag.fk {
    height: 10px;
    background-position: -1665px 0;
}

.flag.fm {
    height: 11px;
    background-position: -1687px 0;
}

.flag.fo {
    height: 15px;
    background-position: -1709px 0;
}

.flag.fr {
    height: 14px;
    background-position: -1731px 0;
}

.flag.ga {
    height: 15px;
    background-position: -1753px 0;
}

.flag.gb {
    height: 10px;
    background-position: -1775px 0;
}

.flag.gd {
    height: 12px;
    background-position: -1797px 0;
}

.flag.ge {
    height: 14px;
    background-position: -1819px 0;
}

.flag.gf {
    height: 14px;
    background-position: -1841px 0;
}

.flag.gg {
    height: 14px;
    background-position: -1863px 0;
}

.flag.gh {
    height: 14px;
    background-position: -1885px 0;
}

.flag.gi {
    height: 10px;
    background-position: -1907px 0;
}

.flag.gl {
    height: 14px;
    background-position: -1929px 0;
}

.flag.gm {
    height: 14px;
    background-position: -1951px 0;
}

.flag.gn {
    height: 14px;
    background-position: -1973px 0;
}

.flag.gp {
    height: 14px;
    background-position: -1995px 0;
}

.flag.gq {
    height: 14px;
    background-position: -2017px 0;
}

.flag.gr {
    height: 14px;
    background-position: -2039px 0;
}

.flag.gs {
    height: 10px;
    background-position: -2061px 0;
}

.flag.gt {
    height: 13px;
    background-position: -2083px 0;
}

.flag.gu {
    height: 11px;
    background-position: -2105px 0;
}

.flag.gw {
    height: 10px;
    background-position: -2127px 0;
}

.flag.gy {
    height: 12px;
    background-position: -2149px 0;
}

.flag.hk {
    height: 14px;
    background-position: -2171px 0;
}

.flag.hm {
    height: 10px;
    background-position: -2193px 0;
}

.flag.hn {
    height: 10px;
    background-position: -2215px 0;
}

.flag.hr {
    height: 10px;
    background-position: -2237px 0;
}

.flag.ht {
    height: 12px;
    background-position: -2259px 0;
}

.flag.hu {
    height: 10px;
    background-position: -2281px 0;
}

.flag.ic {
    height: 14px;
    background-position: -2303px 0;
}

.flag.id {
    height: 14px;
    background-position: -2325px 0;
}

.flag.ie {
    height: 10px;
    background-position: -2347px 0;
}

.flag.il {
    height: 15px;
    background-position: -2369px 0;
}

.flag.im {
    height: 10px;
    background-position: -2391px 0;
}

.flag.in {
    height: 14px;
    background-position: -2413px 0;
}

.flag.io {
    height: 10px;
    background-position: -2435px 0;
}

.flag.iq {
    height: 14px;
    background-position: -2457px 0;
}

.flag.ir {
    height: 12px;
    background-position: -2479px 0;
}

.flag.is {
    height: 15px;
    background-position: -2501px 0;
}

.flag.it {
    height: 14px;
    background-position: -2523px 0;
}

.flag.je {
    height: 12px;
    background-position: -2545px 0;
}

.flag.jm {
    height: 10px;
    background-position: -2567px 0;
}

.flag.jo {
    height: 10px;
    background-position: -2589px 0;
}

.flag.jp {
    height: 14px;
    background-position: -2611px 0;
}

.flag.ke {
    height: 14px;
    background-position: -2633px 0;
}

.flag.kg {
    height: 12px;
    background-position: -2655px 0;
}

.flag.kh {
    height: 13px;
    background-position: -2677px 0;
}

.flag.ki {
    height: 10px;
    background-position: -2699px 0;
}

.flag.km {
    height: 12px;
    background-position: -2721px 0;
}

.flag.kn {
    height: 14px;
    background-position: -2743px 0;
}

.flag.kp {
    height: 10px;
    background-position: -2765px 0;
}

.flag.kr {
    height: 14px;
    background-position: -2787px 0;
}

.flag.kw {
    height: 10px;
    background-position: -2809px 0;
}

.flag.ky {
    height: 10px;
    background-position: -2831px 0;
}

.flag.kz {
    height: 10px;
    background-position: -2853px 0;
}

.flag.la {
    height: 14px;
    background-position: -2875px 0;
}

.flag.lb {
    height: 14px;
    background-position: -2897px 0;
}

.flag.lc {
    height: 10px;
    background-position: -2919px 0;
}

.flag.li {
    height: 12px;
    background-position: -2941px 0;
}

.flag.lk {
    height: 10px;
    background-position: -2963px 0;
}

.flag.lr {
    height: 11px;
    background-position: -2985px 0;
}

.flag.ls {
    height: 14px;
    background-position: -3007px 0;
}

.flag.lt {
    height: 12px;
    background-position: -3029px 0;
}

.flag.lu {
    height: 12px;
    background-position: -3051px 0;
}

.flag.lv {
    height: 10px;
    background-position: -3073px 0;
}

.flag.ly {
    height: 10px;
    background-position: -3095px 0;
}

.flag.ma {
    height: 14px;
    background-position: -3117px 0;
}

.flag.mc {
    height: 15px;
    background-position: -3139px 0;
}

.flag.md {
    height: 10px;
    background-position: -3160px 0;
}

.flag.me {
    height: 10px;
    background-position: -3182px 0;
}

.flag.mf {
    height: 14px;
    background-position: -3204px 0;
}

.flag.mg {
    height: 14px;
    background-position: -3226px 0;
}

.flag.mh {
    height: 11px;
    background-position: -3248px 0;
}

.flag.mk {
    height: 10px;
    background-position: -3270px 0;
}

.flag.ml {
    height: 14px;
    background-position: -3292px 0;
}

.flag.mm {
    height: 14px;
    background-position: -3314px 0;
}

.flag.mn {
    height: 10px;
    background-position: -3336px 0;
}

.flag.mo {
    height: 14px;
    background-position: -3358px 0;
}

.flag.mp {
    height: 10px;
    background-position: -3380px 0;
}

.flag.mq {
    height: 14px;
    background-position: -3402px 0;
}

.flag.mr {
    height: 14px;
    background-position: -3424px 0;
}

.flag.ms {
    height: 10px;
    background-position: -3446px 0;
}

.flag.mt {
    height: 14px;
    background-position: -3468px 0;
}

.flag.mu {
    height: 14px;
    background-position: -3490px 0;
}

.flag.mv {
    height: 14px;
    background-position: -3512px 0;
}

.flag.mw {
    height: 14px;
    background-position: -3534px 0;
}

.flag.mx {
    height: 12px;
    background-position: -3556px 0;
}

.flag.my {
    height: 10px;
    background-position: -3578px 0;
}

.flag.mz {
    height: 14px;
    background-position: -3600px 0;
}

.flag.na {
    height: 14px;
    background-position: -3622px 0;
}

.flag.nc {
    height: 10px;
    background-position: -3644px 0;
}

.flag.ne {
    height: 15px;
    background-position: -3666px 0;
}

.flag.nf {
    height: 10px;
    background-position: -3686px 0;
}

.flag.ng {
    height: 10px;
    background-position: -3708px 0;
}

.flag.ni {
    height: 12px;
    background-position: -3730px 0;
}

.flag.nl {
    height: 14px;
    background-position: -3752px 0;
}

.flag.no {
    height: 15px;
    background-position: -3774px 0;
}

.flag.np {
    height: 15px;
    background-position: -3796px 0;
}

.flag.nr {
    height: 10px;
    background-position: -3811px 0;
}

.flag.nu {
    height: 10px;
    background-position: -3833px 0;
}

.flag.nz {
    height: 10px;
    background-position: -3855px 0;
}

.flag.om {
    height: 10px;
    background-position: -3877px 0;
}

.flag.pa {
    height: 14px;
    background-position: -3899px 0;
}

.flag.pe {
    height: 14px;
    background-position: -3921px 0;
}

.flag.pf {
    height: 14px;
    background-position: -3943px 0;
}

.flag.pg {
    height: 15px;
    background-position: -3965px 0;
}

.flag.ph {
    height: 10px;
    background-position: -3987px 0;
}

.flag.pk {
    height: 14px;
    background-position: -4009px 0;
}

.flag.pl {
    height: 13px;
    background-position: -4031px 0;
}

.flag.pm {
    height: 14px;
    background-position: -4053px 0;
}

.flag.pn {
    height: 10px;
    background-position: -4075px 0;
}

.flag.pr {
    height: 14px;
    background-position: -4097px 0;
}

.flag.ps {
    height: 10px;
    background-position: -4119px 0;
}

.flag.pt {
    height: 14px;
    background-position: -4141px 0;
}

.flag.pw {
    height: 13px;
    background-position: -4163px 0;
}

.flag.py {
    height: 11px;
    background-position: -4185px 0;
}

.flag.qa {
    height: 8px;
    background-position: -4207px 0;
}

.flag.re {
    height: 14px;
    background-position: -4229px 0;
}

.flag.ro {
    height: 14px;
    background-position: -4251px 0;
}

.flag.rs {
    height: 14px;
    background-position: -4273px 0;
}

.flag.ru {
    height: 14px;
    background-position: -4295px 0;
}

.flag.rw {
    height: 14px;
    background-position: -4317px 0;
}

.flag.sa {
    height: 14px;
    background-position: -4339px 0;
}

.flag.sb {
    height: 10px;
    background-position: -4361px 0;
}

.flag.sc {
    height: 10px;
    background-position: -4383px 0;
}

.flag.sd {
    height: 10px;
    background-position: -4405px 0;
}

.flag.se {
    height: 13px;
    background-position: -4427px 0;
}

.flag.sg {
    height: 14px;
    background-position: -4449px 0;
}

.flag.sh {
    height: 10px;
    background-position: -4471px 0;
}

.flag.si {
    height: 10px;
    background-position: -4493px 0;
}

.flag.sj {
    height: 15px;
    background-position: -4515px 0;
}

.flag.sk {
    height: 14px;
    background-position: -4537px 0;
}

.flag.sl {
    height: 14px;
    background-position: -4559px 0;
}

.flag.sm {
    height: 15px;
    background-position: -4581px 0;
}

.flag.sn {
    height: 14px;
    background-position: -4603px 0;
}

.flag.so {
    height: 14px;
    background-position: -4625px 0;
}

.flag.sr {
    height: 14px;
    background-position: -4647px 0;
}

.flag.ss {
    height: 10px;
    background-position: -4669px 0;
}

.flag.st {
    height: 10px;
    background-position: -4691px 0;
}

.flag.sv {
    height: 12px;
    background-position: -4713px 0;
}

.flag.sx {
    height: 14px;
    background-position: -4735px 0;
}

.flag.sy {
    height: 14px;
    background-position: -4757px 0;
}

.flag.sz {
    height: 14px;
    background-position: -4779px 0;
}

.flag.ta {
    height: 10px;
    background-position: -4801px 0;
}

.flag.tc {
    height: 10px;
    background-position: -4823px 0;
}

.flag.td {
    height: 14px;
    background-position: -4845px 0;
}

.flag.tf {
    height: 14px;
    background-position: -4867px 0;
}

.flag.tg {
    height: 13px;
    background-position: -4889px 0;
}

.flag.th {
    height: 14px;
    background-position: -4911px 0;
}

.flag.tj {
    height: 10px;
    background-position: -4933px 0;
}

.flag.tk {
    height: 10px;
    background-position: -4955px 0;
}

.flag.tl {
    height: 10px;
    background-position: -4977px 0;
}

.flag.tm {
    height: 14px;
    background-position: -4999px 0;
}

.flag.tn {
    height: 14px;
    background-position: -5021px 0;
}

.flag.to {
    height: 10px;
    background-position: -5043px 0;
}

.flag.tr {
    height: 14px;
    background-position: -5065px 0;
}

.flag.tt {
    height: 12px;
    background-position: -5087px 0;
}

.flag.tv {
    height: 10px;
    background-position: -5109px 0;
}

.flag.tw {
    height: 14px;
    background-position: -5131px 0;
}

.flag.tz {
    height: 14px;
    background-position: -5153px 0;
}

.flag.ua {
    height: 14px;
    background-position: -5175px 0;
}

.flag.ug {
    height: 14px;
    background-position: -5197px 0;
}

.flag.um {
    height: 11px;
    background-position: -5219px 0;
}

.flag.un {
    height: 14px;
    background-position: -5241px 0;
}

.flag.us {
    height: 11px;
    background-position: -5263px 0;
}

.flag.uy {
    height: 14px;
    background-position: -5285px 0;
}

.flag.uz {
    height: 10px;
    background-position: -5307px 0;
}

.flag.va {
    height: 15px;
    background-position: -5329px 0;
}

.flag.vc {
    height: 14px;
    background-position: -5346px 0;
}

.flag.ve {
    height: 14px;
    background-position: -5368px 0;
}

.flag.vg {
    height: 10px;
    background-position: -5390px 0;
}

.flag.vi {
    height: 14px;
    background-position: -5412px 0;
}

.flag.vn {
    height: 14px;
    background-position: -5434px 0;
}

.flag.vu {
    height: 12px;
    background-position: -5456px 0;
}

.flag.wf {
    height: 14px;
    background-position: -5478px 0;
}

.flag.ws {
    height: 10px;
    background-position: -5500px 0;
}

.flag.xk {
    height: 15px;
    background-position: -5522px 0;
}

.flag.ye {
    height: 14px;
    background-position: -5544px 0;
}

.flag.yt {
    height: 14px;
    background-position: -5566px 0;
}

.flag.za {
    height: 14px;
    background-position: -5588px 0;
}

.flag.zm {
    height: 14px;
    background-position: -5610px 0;
}

.flag.zw {
    height: 10px;
    background-position: -5632px 0;
}

.flag {
    height: 1px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(../../assets/images/flags.png);
    background-repeat: no-repeat; 
    background-color: #dbdbdb;
    background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag {
        background-image: url(../../assets/images/flags@2x.png);
    }
}

.flag.np {
    background-color: transparent;
}


figure.zoom {
      
    cursor: zoom-in;
  }
  
  figure.zoom img:hover {
    opacity: 0;
  }
  
  figure.zoom img {
    transition: opacity 0.5s;
    display: block;
    width: 100%;
    height: 100%;
  }