:root{
    --main-color:#25201D;
    --sec-color:#EB3D00;
}
@font-face{
    font-family: 'semiBold';
    src:url('../fonts/Somar-SemiBold.otf') ;
    }
    @font-face{
        font-family: 'Somar-Medium';
        src:url('../fonts/Somar-Medium.otf') ;
        }
    @font-face{
        font-family: 'bold';
        src: url('../fonts/Somar-Bold.otf');
    }
  
 @font-face{
     font-family: 'Somar';
     src: url('../fonts/alfont-Somar.ttf');
 }   
 @font-face{
    font-family: 'Chapman';
    src: url('../fonts/NFFAKG+Chapman-BlackCondensed.ttf');
}
@font-face{
    font-family: 'Chapman';
    src: url('../fonts/NFFAKG+Chapman-BoldCondensed.ttf');
}
@font-face{
    font-family: 'Chapman';
    src: url('../fonts/chapman_.ttf');
}
@font-face{
    font-family: 'light';
    src: url('../fonts/Bahij_TheSansArabic-Light.ttf');
}   
 
@font-face{
    font-family: 'neosans';
    src: url('../fonts/NeoSansArabicBold.ttf');
} 
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{
    direction: rtl !important;
}
    body {
        direction: rtl;
        text-align: start;
        font-family: 'Somar';
        overflow-x: hidden;

    }
    /* nice select */
.nice-select {
    width: 100%;
    margin-bottom: 15px;
    text-align: right !important;
    padding-left: 30px;
    padding-right: 18px;
}
.nice-select::after{
    left: 12px;
    right: auto;
}
.nice-select .option{
    text-align: right;
    padding-left: 29px;
    padding-right: 18px;
}
.nice-select .list{
    width: 100%;
}
.nice-select:after{
    width: 8px;
    height: 8px;
}
   
.inner-body{
    position: relative;
}


.owl-carousel{
    direction: ltr;
}
.carousel-info button{
    border: none;
    outline: none;
    background: none;
}
button:focus,button{
    border: none;
    outline: none;
}
.mynav button{
    background: none;
}
input:focus{
    outline: none;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
padd{
    text-decoration: none;
}
.left-nav{
    display: flex;
    align-items: center;
    justify-content: end;
}
.mynavbar{
    padding: 20px 68px 30px;
}
.mynavbar.pages,.responsive-menu.pages{
    background-color: #FFF8F8;
}
.left-header,.mynavbar ul.mynav{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.mynavbar ul.mynav{
    justify-content: flex-start;
    margin-inline-end: 28px;
}
.mynavbar ul.mynav li {
    padding-inline-end: 17px;
}

.mynavbar .row{
    align-items: center;
}


.lang{
    padding-inline-start: 10px;
    position: relative;
}
.lang a{
    font-family: 'light';
}
.lang a:hover{
    color: var(--sec-color);
}

/* ********************* */
span.mob-num{
    display: inline-block;
    direction: ltr;
}

.mynavbar ul li a{
    color: var(--main-color);
    transition: all 0.2s;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    font-family: 'semiBold';
}

i.fa-phone-volume{
    transform: rotate(-45deg);
}
.left-header a{
    color: #000;
}
.mynav a:hover,.topbar a:hover,.mynav i:hover{
    color: var(--sec-color);
}

.btnSearch{
    padding-inline-start: 40px;
}
.lang a{
    color: #25201D;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'semiBold';
}

.logo img{
max-height: 98px;
max-width: 100%;
object-fit: contain;
}
.header-section{
    padding: 12px 0;
}
.navbar-toggler {
    padding: 0;
}

li.menu-item-has-children{
    position: relative;
    /*margin-inline-end: 16px;*/
}
 .sub-menu {
    display: block;
    opacity: 0;
    height: 0;
    position: absolute;
    top: 100%;
    right: 0px;
    min-width: 252px;
    /* box-shadow: 0px 0px 6px #00000029; */
    border-radius: 20px;
    padding: 20px 28px;
    background: #25201D;
    z-index: 999999;
    margin-top: 0px;
    transform: translateY(-20px);
    transition: all 0.1s;
    visibility: hidden;
  }
  .sub-menu::before{
    position: absolute;
    content: '';
    width: 19px;
height: 19px;
top: -6px;
right: 36px;
background: #25201D;
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  }
 li.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    height: auto;
    transform: translateY(0);
    visibility: visible;
    z-index: 99999999;
  }
 .sub-menu a {
    color: #fff;
    padding: 4px 0;
    display: inline-block;
    text-transform: capitalize;
    font-size: 14px;
    font-family: 'semiBold';
    transition: all 0.2s;
  }
 .mynav li.menu-item-has-children a {
    position: relative;
    padding-inline-end: 14px;
 }
 .mynav li.menu-item-has-children a:hover::before{
    color: var(--sec-color);
 }
 .mynav li.menu-item-has-children .sub-menu a{
    color: #fff;
  }

li.menu-item-has-children > a::before{
    position: absolute;
    content: "\f107";
    font-family: "font awesome 5 pro";
    top: 0;
    left: 0px;
    color: #234249;
  }
  li.menu-item-has-children a{
      position: relative;
      display: inline-block;
     
  }

  .sidebar li.menu-item-has-children > a::before{
      color: #fff;
      top: 12px;
  }
 .sidebar li.menu-item-has-children a{
      padding-inline-end: 10px;
  }
/* Start Search */

.site-search {
    display: table;
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    padding: 12px;
    transition: opacity .5s ease 0.25s, z-index 0s ease 0.75s;
    -webkit-transition: opacity .5s ease 0.25s, z-index 0s ease 0.75s;
}
.site-search .close-side i{
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 50%;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    top:20px;
    left: 20px;
}
.site-search.open {
    z-index: 99999999;
    opacity: 1;
    transition: opacity .5s, z-index 0s;
    -webkit-transition: opacity .5s, z-index 0s;
}

.site-search.open .woocommerce-product-search,
.site-search.open .search-form {
    margin-top: -40px;
    opacity: 1;
    transition: margin-top .5s, opacity .5s;
    -webkit-transition: margin-top .5s, opacity .5s;
}

.site-search .widget_product_search,
.site-search .widget_search {
    position: relative;
    padding-top: 0;
}

.site-search .woocommerce-product-search,
.site-search .widget_search .search-form {
    border: none;
    width: 50%;
    margin-top: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    display: block;
    padding-top: 0;
    opacity: 0;
    transition: margin-top .5s, opacity .5s;
    -webkit-transition: margin-top .5s, opacity .5s;
    transform: translateX(-50%);
    z-index: 9;
}

.site-search .woocommerce-product-search label,
.site-search .widget_search .search-form label {
    display: none;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    transform: translateX(10%);
}

.site-search .woocommerce-product-search .search-field,
.site-search .widget_search .search-form .search-field {
    color: var(--main-color);
    background: none;
    border: none;
    border-bottom: 3px solid var(--main-color);
    font-size: 20px;
    /*  	font-weight: 900;*/
    padding: 15px 0;
    height: auto;
    margin: 0;
    outline: none !important;
    display: block;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.15s linear;
    /* -webkit-appearance: none; */
    border-radius: 0px;
    box-shadow: inset 0 0 0 transparent;
    color: var(--main-color);
    padding-inline-end: 50px;
}

.site-search .woocommerce-product-search input[type="submit"],
.site-search .widget_search .search-form input[type="submit"] {
    top: 10px;
    right: 15px;
    padding-top: 0 !important;
    background: none !important;
    font-size: 0;
    min-width: 0;
    padding: 0 !important;
    z-index: 4;
    position: absolute;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.site-search .woocommerce-product-search button {
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 20px;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--main-color);
    padding: 0;
}

.site-search .woocommerce-product-search .search-field::placeholder {
    color: var(--main-color);
}

.searchForm .btnSearch {
    background: transparent;
    cursor: pointer;
    /* margin-inline-end: 24px; */
}
.searchForm .btnSearch i{
    transition: all 0.6s;
    color: #000;
    font-size: 16px;
}
.searchForm .btnSearch i:hover{
    color: var(--sec-color);
}
.site-search-close {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}


/* End Search */

/* Sidebar */

.sidebar{
    position: fixed;
    top: 0px;
    bottom: 0;
    right: -350px;
    height: 100%;
    width: 350px;
    background-color: #000;
    z-index: 999;
    padding: 20px 0;
    z-index: 999999;
    transition: all 0.7s;
    box-shadow: 0px 0px 20px #00000029;
    padding:20px 0;
    clip-path: circle(25px at calc(100% - 45px) 45px);
}
.sidebar-width{
    right: 0px;
    clip-path: circle(75%);
}
.sidebar .close-side i{
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    width: 38px;
    height: 38px;
    color: #fff;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
}
.sidebar .side-content{
    padding-top: 10px;
    margin-top: 30px;
}

 .close-overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
}
.close-overlay.open-overlay{
    display: block;
}

.sidebar .side-content ul li{
position: relative;
width: 100%;
transition: all .5s;
border-bottom: 1px solid rgb(255 255 255 / 30%);;
}
.sidebar .side-content ul li:hover{
    background-color: #fff;
}
.sidebar .side-content ul li:hover a::after{
    color: #fff;
}


.sidebar .side-content ul li a{
    color: #fff;
    display: block;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    transition:all 0.6s;
    font-weight: bold;
}

.sidebar .side-content ul li a:hover{
    background-color: #fff;
    color: var(--main-color);
}
.sidebar .contact-buttons{
justify-content: center;
    margin-top: 60px;
}
.search-menu{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}  
.sidebar .header-sochial{
    text-align: center;
    padding-top: 14px;
}
.sidebar .header-sochial a{
    color: #fff;
    font-size: 18px;
}
.sidebar .sub-menu {
    display: none;
    opacity: 1;
    visibility: visible;
    height: auto;
    position: relative;
    min-width: unset;
    width: 100%;
    border-radius: 0;
    padding: 16px 0px;
    margin-top: 0px;
    right: unset;
    padding: 0;
}
.sidebar .sub-menu::before{
    display: none;
}
.sidebar .side-content ul li.menu-item-has-children:hover {
    background-color: transparent;
}
/* ---------------responsive-menu---------------- */
.responsive-menu .menu{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 16px;
    
}
.responsive-menu{
    padding: 12px 0 16px;
}
.navbar-toggler-icon {
    background: var(--sec-color);
    color: #fff;
    font-size: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}
.responsive-menu .lang{
    color: var(--main-color);
    text-transform: capitalize;
    font-family: 'light';
}

.card-slider.owl-theme .owl-nav .owl-next,
.card-slider.owl-theme .owl-nav .owl-prev,
.sponser-slider.owl-theme .owl-nav .owl-prev,
.sponser-slider.owl-theme .owl-nav .owl-next,
.gallary-slider.owl-theme .owl-nav .owl-next,
.gallary-slider.owl-theme .owl-nav .owl-prev{
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /* width: 40px; */
    /* height: 40px; */
    font-size: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: rgb(255 255 255 / 50%);
}

.gallary-slider.owl-theme .owl-nav .owl-prev{
    left: -80px;
    color: rgb(49 49 49 );
}
.gallary-slider.owl-theme .owl-nav .owl-next{
    right: -80px;
    color: rgb(49 49 49 );
}
.card-slider.owl-theme .owl-nav .owl-prev{
    left: -80px;
    color: rgb(255 255 255 / 87%);
}
.card-slider.owl-theme .owl-nav .owl-next{
    right: -80px;
    color: rgb(255 255 255 / 87%);
}
.sponser-slider.owl-theme .owl-nav .owl-next{
    right: -80px;
}
.sponser-slider.owl-theme .owl-nav .owl-prev{
    left: -80px;
}
.sponser-slider.owl-theme .owl-nav .owl-prev,
.sponser-slider.owl-theme .owl-nav .owl-next{
    top: 60%;
    color: rgb(0 0 0 /87%);
}

.owl-theme .owl-dots .owl-dot span {
    width: 56px;
    height: 3px;
    border-radius: 30px;
    background: #fff;
}
.owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-dots .owl-dot.active span {
    background: var(--sec-color);
}
/* ********************************* */

/* Start news section  */
.news-section{
    background-color: #F3F3F3;
    border-radius: 30px;
    margin-inline: 31px 52px;
padding: 37px 60px 30px 38px;
}
.all-news h6{
    color: #25201D;
    font-size: 18px;
    margin-bottom: 15px;
}
.new-image .img{
    height: 526px;
}
.new-image .img img{
    width: 100%;
    height: 100%;
    border-radius: 30px;
   object-fit: cover;
}
.nav-pills .nav-item {
    position: relative;
    height: 84px;
    margin-bottom: 23px;
    padding-inline-start: 16px;
}
.nav-pills .nav-item img{
    height: 79px;
    width: 90px;
    object-fit: cover;
    border-radius: 15px;
    position: absolute;
    top: -10px;
    right: -25px;
    z-index: 2;
}
.nav-pills .nav-link{
    background-color: #fff;
    border-radius: 15px;
    height: 84px;
    display: flex;
    color: #25201D;
    font-size: 18px;
    position: relative;
}
.nav-pills .nav-link::after{
    position: absolute;
    content: '';
    height: 100%;
    background-color: #25201D;
    top: 0;
    right: 0;
    z-index: -1;
    transition: all 0.6s;
    border-radius: 0 15px 15px 0  ;
    width: 0;
    opacity: 0;
}
.nav-pills .nav-link span{
font-size: 19px;
font-family: 'bold';
margin-inline-start: 63px;
position: relative;
z-index: 2;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: transparent;
}
.nav-pills .nav-link.active span{
    color: #fff;
}
.nav-pills .nav-link.active::after{
    opacity: 1;
    width: 111%;
}
.news-section .more{

text-align: end;
}
.news-section .more a{
    
color: #25201D;
    
font-size: 18px;
}
.all-news h6{
    font-size: 28px;
    color: #25201D;
    margin-bottom: 20px;
}
.nav-pills .nav-link {
    padding-inline-end: 0;
}
/* -------------------------------------- */
/* Start about section */
section.about{
    position: relative;
    overflow: hidden;
    padding: 110px 0;
}
.search-box{
    background-color: #F8F8F8;
    border-radius: 30px;
    padding:43px 12px;
    text-align: center;
    margin-bottom: 47px;
}
.search-box .img{width: 78px;height: 78px;margin: auto;margin-bottom: 20px;}
.search-box .img img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.search-box h5{color: #25201D;font-size: 22px;font-family: 'bold';}
/* ----------------------------------------------------------- */
/* Start  section */

.section-title{
    margin-bottom: 53px;
    text-align: center;
}
.section-title h4{
    display: inline-block;
    position: relative;
    font-size: 32px;
    color: #25201D;
    text-transform: capitalize;
    font-family: 'Somar-Medium';
}
/* --------------------------------------------------------------- */


.card-slider .owl-dots{
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.card-slider.owl-theme .owl-dots .owl-dot:hover span,
.card-slider.owl-theme .owl-dots .owl-dot.active span {
    background: rgb(255 255 255 / 53%);
}

/* Start recent news section */
section{
    padding: 70px 0;
    position: relative;
    z-index: 99;
    overflow: hidden;
}
.search-sec{
    padding-bottom: 40px;
}
/* *************Start footer section*********** */
footer{
    overflow: hidden;
    position: relative;
    padding-top: 0px;
    padding-inline: 80px;
}
footer.pages{
    background-color: #F2F2F2;
    padding-top: 53px;
}
.fixed-icone{
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 999;
    animation: updown-i 4s infinite ease-in-out;
}
@keyframes updown-i{
    0%,100%{
        transform: translateY(-12px);
    }
    50%{
        transform: translateY(12px);
    }
}
.fixed-icone a{
   
    width: 62px;
height: 62px;
background:#EB3D00;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.fixed-icone a i{
color: #fff;
font-size: 30px;
}

.footer-soch-icon{
    text-align: end;
}
.footer-soch-icon a{
    width: 39px;
    height: 39px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #25201D;
    margin-inline-end: 5px;
    transition: all 0.3s;
    background: #F1F1F1;
    font-size: 14px;
}
.footer-soch-icon a:hover{
    transform: translateY(-8px);
}
.footer-soch-icon a:hover i.fab.fa-facebook-f {
    color: #1877f2 ;
}
.footer-soch-icon a:hover  i.fab.fa-youtube {
    color: #ff0000 ;
}
.footer-soch-icon a:hover i.fab.fa-twitter{
    color: #1da1f2 ;

}
.footer-soch-icon a:hover i.fab.fa-instagram{
    color: #405de6;
}
.comp-rights {
   display: flex;
   align-items: center;
}
.copy-right p{
    margin-bottom: 0;
    font-size: 13px;
    color: #131313;

}

footer a{

transition: all 0.3s;

color: #25201D;
}
footer a:hover{
    color: var(--sec-color);
}
footer .container{
  position: relative;
  z-index: 2;
}

.contact-map iframe{
    width: 100%;
    height: 170px;
    border-radius: 22px;
}
.footer-contact{
    margin-bottom: 20px;
}
.footer-links h4{
    color: #25201D;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 23px;
}
.footer-links ul li{
    margin-bottom: 10px;
}
.footer-sochial{
    margin-top: 14px;
}
.footer-sochial{
    display: flex;
}
 .footer-sochial a {
    margin-right: 3px;
    transition: all 0.5s;
    color:#fff;
    padding-inline-end: 18px;
}
footer.pages .footer-soch-icon a {
    width: unset;
    height: unset;
    margin-inline-end: 0;
    margin-inline-start: 18px;
}
.copy-right {
    padding: 24px 0px 16px;
    margin-top: 30px;
    border-top: 1px solid rgb(0 0 0  / 10%);
}
.copy-right .row{
    align-items: center;
}
.copy-right p{
    color: #25201D;
    font-size: 14px;
    margin-bottom: 0;
}
.ryad-logo {
    height: 65px;
    margin-top: -32px;
    position: relative;
    top: 5px;
    margin-left: -20px;
}

.comp-rights {
    text-align: left;
}
.rights{
    display: flex;
}
.rights span{
    font-size: 14px;
    margin-inline-start: 10px;
}


/*------------------------------ Start about-page  ---------------------------------  */
.breadcrumb-section{
    background-color: #F2F2F2;
    padding: 33px  0px;
    position: relative;
    z-index: 2;
    border-radius: 20px;
    margin-inline: 52px;
    }
    
    .breadcrumb{
        display: flex;
        align-items: center;
        justify-content: center;
        background-color:transparent;
        padding-inline-start: 0;
        margin-bottom: 0;
    }
    .breadcrumb-section h2{
        color: #1C1C1C;
        font-size: 28px;
        font-family: 'bold';
        min-width: 80px;
        margin-inline-end: 16px;
    }
    .breadcrumb-section p{
        color: rgb(0 0 0  / 90%);
        line-height: 29px;
        margin-bottom: 0;
        margin-inline-start: 20px;
        text-transform: lowercase;
        font-size:17px;
    }
    .breadcrumb-info nav{
        display: flex;
        align-items: center;
    }
    .about-page .row:nth-child(even){
        direction: ltr;
        margin-top: 94px;
    }
    .about-img{
        height: 494px;
        width: 100%;
    }
    .about-img img{
        width: 100%;
        height: 100%;
        border-radius: 30px;
        object-fit: cover;
    }
    .about-info{
        padding-inline-end: 14px;
    }
    .about-info p{
        color: #1A1A1A;
        line-height: 32px;
    }
    .title h4{
        color: #1A1A1A;
        font-size: 28px;
        margin-bottom: 22px;
        font-family: 'bold';
        position: relative;
        display: inline-block;
        padding-inline-end: 60px;
    }
    .title h4::after{
  position: absolute;
  content: '';
  width: 60px;
  height: 3px;
  background: #EB3D00 0% 0% no-repeat padding-box;
  border-radius: 50px;
  top: 17px;
  left: -13px;
  }
  .about-page .row:nth-child(even) .about-info {
    direction: rtl;
    padding-inline-start: 18px;
}
/* -------------------- sector-page -----------------------  */
.sector-page .row{
    justify-content: center;
}
.gallary-slider .item{
    margin: 12px;
    min-height: 250px;
}
.gallary-slider.owl-theme .item{
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.photo-page .section-title{
    margin-bottom: 20px;
}
.photo-page{
    padding-inline: 112px;
}
.ser-img{
    height: 240px;
    transition: all 0.3s;
}
.ser-img img{
height: 100%;
border-radius: 30px;
object-fit: cover;
transition: all 0.3s;
}
.owl-item.active.center .ser-img {
    height: 338px;
}

/*-----------------------------       Start service page     -------------------------------- */
.btn-more{
    text-align: center;
}
.btn-more a{

min-width: 164px;

display: inline-flex;

text-align: center;

border: 1px solid #707070;

border-radius: 50px;

padding: 10px;

color: #25201D;

font-family: 'bold';

font-size: 20px;

align-items: center;

justify-content: center;
transition: all 0.3s;
}
.btn-more a:hover,.blog-page .btn-more a:hover{
    background-color: var(--sec-color);
    color: #fff;
    border-color: var(--sec-color);
}
.btn-more a i{
    
margin-inline: 8px;
}
.chemicals{
    background-color: #f5f5f5;
}
.chemicals .section-title h4{
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    font-size: 30px;
}
.chemicals .section-title h4::after{position: absolute;content: '';width: 32px;height: 2px;bottom: 0;left: 50%;transform: translateX(-50%);background-color: #EB3D00;}
.chemical-box{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 15px;
    padding: 28px 27px;
    margin-bottom: 40px;
    margin-inline: 8px;
    padding-inline-end: 48px;
    min-height: 297px;
}
.chemical-box h4{

color: #25201D;

font-size: 28px;

font-family: 'bold';

margin-bottom: 22px;
}
.chemical-box li{

color: #25201D;

font-size: 18px;

margin-bottom: 10px;
}

.chemical-box a{

color: #25201D;
}
a:hover{
    text-decoration: none;
}
section{
    padding-inline: 52px;
}
/* ----------------- contact page   -------------------  */
.conatct-data{
    /* width: 80%; */
    padding-inline-start: 26px;
}
.conatct-data ul li{
    margin-bottom: 18px;
}
.conatct-data ul li a {
    font-size: 26px;
    display: flex;
    margin-inline-end: 30px;
    font-family: 'Somar-Medium';
    color: #25201D;
}
.conatct-data ul li i {
    color: var(--sec-color);
    font-size: 40px;
    width: 35px;
    margin-inline-end: 20px;
}
.contact-form h5{
    font-size: 24px;
    margin-bottom: 42px;
    color: #25201D;
    font-family: 'Somar-Medium';
    position: relative;
    padding-inline-start: 38px;
    display: inline-block;
}
.contact-form h5::before{
    position: absolute;
    content: '';
    width: 2px;
    height: 30px;
    top: 0;
    right: 26px;
    background-color: var(--sec-color);
}
.contact-form form input, .contact-form form textarea {
    width: 100%;
    padding: 10px;
    background: #F3F3F3;
    border: none;
    border-radius: 10px;
    color: rgb(37 32 29 / 50%);
    border: none;
    font-size: 18px;
    font-family: 'Somar-Medium';
}
.contact-form form input::placeholder, .contact-form form textarea::placeholder{
    color: rgb(37 32 29 / 50%);  
}
.contact-form label{
    color: #25201D;
    font-family: 'Somar-Medium';
    font-size: 18px;
}

.more button{
    background: #EB3D00 0% 0% no-repeat padding-box;
border-radius: 8px;
color: #fff;
width: 142px;
text-align: center;
padding: 10px;
}
.contact-form .more{
    /*text-align: end;*/
    margin-top: 26px;
}
/* ------------------- blog page  ------------  */
.blog-item{
    margin-bottom: 42px;
}
.blog-item .img{
    height: 322px;
    width: 100%;
}
.blog-item .img img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
}
.blog-item .blog-detail{
    padding: 22px 14px;
}
.blog-detail h4{
    color: #25201D;
    font-size: 22px;
    font-family: 'semiBold';
}
.blog-detail span{
    color: #25201D;
}
u{
    text-decoration: none;
}
.blog-page .btn-more a {
    border-color: var(--sec-color);
    color: var(--sec-color);
}
/* --------------  employment-page  ----------------  */
.employment-page .title h6{
    text-align: center;
    background: #F2F2F2 0% 0% no-repeat padding-box;
    border-radius: 20px 20px 0px 0px;
    padding: 20px 12px;
    color: #111111;
    font-size: 24px;
    font-family: 'Somar-Medium';
    width: 100%;
}
.employment-page .contact-form , .text-faq{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 25px #0000000F;
    border-radius: 20px;

    padding-bottom: 44px;
}
#accordion2{
    margin-top: 40px;
}
#accordion2,.contact-form form{
    padding: 0 27px;
}
.employment-page .contact-form label,
.employment-page .contact-form form input,.employment-page .contact-form form textarea{
    font-family:'Somar' ;
}
.employment-page .contact-form form input,.employment-page .contact-form form textarea {
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    color: rgb(17 17 17 / 55%);
}
.employment-page .contact-form form input::placeholder,
.employment-page .contact-form form textarea::placeholder{
    color: rgb(17 17 17 / 55%);   
}
.text-faq {
    max-width: 900px;
}

.text-faq .text-top {
    margin: 0 0 30px;
}

.text-faq .text-top h3 {
    color: #444648;
    font-size: 24px;
    line-height: 35px;
    margin: 0;
    font-weight: 600;
}

.text-faq .text-top p {
    color: #000000;
    font-size: 16px;
    line-height: 26px;
    margin: 20px 0 0;
    font-weight: 300;
}

 .card-header {
    background: #FBFBFB;
    border: none;
    padding: 0;
    border-radius: 6px !important;
}

 .card {
    border: none;
    margin: 15px 0 30px;
}

 .card-header .btn {
    display: flex;
    padding: 15px;
    width: 100%;
    padding-inline-end: 50px;
    position: relative;
    background: var(--sec-color);
    font-size: 16px;
    border-radius: 15px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
}

 .card-header .btn::after {
    color: #fff;
    content: "\f067";
    position: absolute;
    left: 20px;
    font-family: 'font awesome 5 pro';
    font-weight: bold;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 26px;
}

 .card-header .btn[aria-expanded="true"] {
    background: var(--main-color);
    color: #fff;
}

 .card-header .btn[aria-expanded="true"]::after {
    color: #fff;
}

 .card-body {
    border: 1px solid #FBFBFB;
    border-radius: 0px 0px 15px 15px;
    border-top: 0;
    padding-top: 6px;
    border: 1px solid #E3E3E3;
}

 .card-header .btn[aria-expanded="true"]::after {
    content: "\f068";
}

.text-rotate {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-rotate h3 {
    margin: 0;
    writing-mode: vertical-rl;
    transform: scale(-1);
    color: #E4DEFF;
    font-size: 127px;
    line-height: 127px;
}


 .card-header .btn[aria-expanded="true"] {
    background: var(--sec-color);
    color: #fff;
    border: 1px solid #FBFBFB;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
    font-family: 'Somar-Medium';
    font-size: 24px;
}
 .card-header .btn[aria-expanded="true"]::after {
    content: "\f068";
}
 .card-header .btn[aria-expanded="true"]::after {
    color: #fff;
}
.card-body p{
    font-size: 14px;
    color: #25201D;
    font-family: 'Somar-Medium';
}
.input-group>.form-control {
    flex: unset;
}
.form-control:disabled, .form-control[readonly] {
    background-color: transparent;
    width: 100%;
    padding-block: 21px;
}
.input-group.upload span.uplod
{
  position: absolute;
  left: 22px;
  top: 8px;
  color: var(--main-color);
  font-size: 15px;
  border-radius: 7px;
  text-align: end;
  display: inline-block;
  width: 100%;
}

.input-group.upload{
    position: relative;
    }
    
    .form-group.name input{
    width: 100%;
    padding: 7px 0;
    }
    .form-control:disabled, .form-control[readonly] {
    background-color: transparent;
    width: 100%;
    padding-block: 21px;
    }



.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.form-group.mobil{
    position: relative;
}
.form-group.mobil .img{
    position: absolute;
    top: 44px;
    left: 20px;
}
.form-group.mobil .img img{
    height: 29px;
}
 .date img{

height: 24px;

margin-inline-end: 8px;
}
 .date span{
    position: relative;
    padding-inline-end: 28px;
    display: inline-block;
    color: var(--sec-color);
}
 .date span::after{
    position: absolute;
    content: '';
    width: 22px;
    height: 2px;
    top: 10px;
    left: 0;
    background-color: #EB3D00;
}
/* ---------------- single sector  -----------------   */
.breadcrumb-section.single-sec-p{
    background-size: cover;
    background-image: url('../images/bread-bg.png');
    background-position: center;
    padding: 90px 0;
}
.breadcrumb-section.single-sec-p::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(270deg, #141414 0%, #62626200 100%) 0% 0% no-repeat padding-box;
    border-radius: 30px;
    opacity: 0.8;
    z-index: -1;
}
.breadcrumb-section.single-sec-p nav{
    flex-direction: column;
    align-items: flex-start;
    width: 49%;
    padding-inline-start: 61px;
}
.breadcrumb-section.single-sec-p h2{
    color: #fff;
    margin-bottom: 17px;
}
.breadcrumb-section.single-sec-p  p{
    color: rgb(255 255 255 / 70%);
    margin-inline-start: 0;
}
.single-info{

padding-inline-end: 20px;

margin-bottom: 46px;
}
.single-info h4{

font-size: 28px;

font-family: 'semiBold';

margin-bottom: 17px;
}
.single-info p{
    
color: rgb(0 0 0 / 80%);
    
line-height: 34px;
}

.col-md-12 .single-info{
    margin-bottom: 0;
}
.resourc-page .col-md-12 .single-info{
    margin-bottom: 56px;
}
.resourc-page .single-info p{
    font-size: 18px;
}
section.single-sector{
    padding-bottom: 0;
}
/* ------------------  resource page  ---------------------- */
.resource-img{
    width: 100%;
    height: 454px;
    margin-bottom: 52px;
}
.resource-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.resourc-page{
    padding-top: 34px;
}
/* ---------- single article ------------------- */
.subtitle{
    display: flex;
    align-items: center;
    margin: 16px 0 53px;
}
.all-comments{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 62px;
}
.comment-block{
    width: 50%;
    display: flex;
    padding: 46px 25px;
    margin-bottom: 23px;
    border: 1px solid #E3E3E3;
    border-inline-end: none;
}
.comment-block:first-of-type{
    border-inline-start: none;
}
.comment-block .img{
    width: 95px;
    height: 95px;
    border-radius: 50%;
}
.comment-block .img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.comment-block .details{
    width: calc(100% - 120px);
    margin-inline-start: 20px;
}
.comment-block .details .name{
    margin-bottom: 8px;
}
.comment-block .details .name h6{

font-size: 16px;

color: #1E1E1E;

margin-bottom: 0;

margin-inline-end: 11px;

font-family: 'semiBold';
}
.comment-block .details .name span{
    
font-size: 12px;
    
color: rgb(0 0 0/ 50%);
}
.comment-block .details p{
    
font-size: 13px;
    
color: rgb(0 0 0 / 80%);
    
line-height: 24px;
}
.leave-comment textarea, .leave-comment input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #E3E3E3;
    border-radius: 10px;
    height: 66px;
}
.leave-comment textarea{
    border-radius: 20px;
    padding: 20px;
    height: 280px;
    margin-bottom: 38px;
}
.article-detail h4,.more-detail h4{
font-size: 30px;
margin-bottom: 22px;
font-family: 'semiBold';
}
.article-detail .subtitle .single-btn{

margin-inline-end: 21px;
}
.single-btn{

border: 1px solid #EB3D00;

border-radius: 50px;

width: 126px;

padding: 8px;

text-align: center;

color: var(--sec-color);

width: 132px;

display: inline-block;
}
.leave-comment h5{

font-size: 24px;
}
.leave-comment h6{

font-size: 16px;

color: rgb(0 0 0 / 50%);

margin-bottom: 40px;
}
.leave-comment button, p.form-submit input{
    background-color: var(--sec-color);
    color: #fff;
    font-family: 'semiBold';
    border-radius: 10px;
    padding: 10px 14px;
    width: 140px;
    height: 54px;
    margin-top: 32px;
}

.com-title i{
    font-size: 24px;
}
.com-title span{
    margin-inline: 14px;
}
section.single-article{
    padding-top: 10px;
}
.more-detail{
    margin-top: 32px;
}
.article-detail p,.more-detail p{
    color: #25201D;
    font-size: 18px;
    line-height: 29px;
}

/* ------------------------ form-page -----------------   */

.row.form-page{
    justify-content: center;
}
.row.form-page .contact-form{
    padding-top: 46px;
}
.row.form-page .input-group.upload span.uplod{
    color: #fff;
}
.input-group>.custom-select:not(:last-child),
 .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    min-height: 46px;
}
label.input-group-btn {
    /*display: none;*/
    height:0;
}
.connect-whats a i{
    width: 70px;
    height: 70px;
    background: #249F00 0% 0% no-repeat padding-box;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
        color: #fff;
    font-size: 34px;
}
.connect-whats a  {
    display: flex;
    align-items: center;
    color: #000;
    /*gap: 24px*/
}
.connect-whats{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}
.connect-whats h4{
    font: 24px;
    margin-inline-end: 40px;
}
.row.form-page h3.form-t{
    margin-top: 36px;
   
}
.employment-page .ppm-request  .contact-form .form-group label{
    margin-bottom: 0;
    font-size: 16px;
}
.ppm-request .row{
    align-items: center;
}
.help-you textarea{
    width: 100%;
    border: 1px solid #E5E5E5;
    padding: 12px;
    border-radius: 20px;
}
/* .ppm-request .form-group{

border: 1px solid #ccc;
margin-bottom: 0;
    border-bottom: none;
}
.ppm-request .form-group:last-of-type{
    border-bottom: 1px solid #ccc;  
}
.ppm-request .contact-form .more {
    margin-top: 0;
    padding-top: 26px;
    border-top: 1px solid #ccc;
}
.employment-page .ppm-request  .contact-form .form-group input{
    
border: none;
    
border-inline-start: 1px solid #ccc;
    
border-radius: 0;
}

.employment-page .ppm-request  .contact-form .form-group label{
    
margin-bottom: 0;
    
margin-top: 9px;
    
padding-inline-start: 6px;
    
font-size: 16px;
} */
.help-you h4{
    text-align: center;
    margin-top: 36px;
    margin-bottom: 22px;
}

@media (max-width:768px){
    .sidebar li.menu-item-has-children > a::before{
        right: 78px;
    }

}








.wpcf7 br,
.wpcf7 input[type="file"] {
    cursor: pointer;
    display: none !important;
}


/* Start Not-found */

.not-found .not-found-pro {
    max-width: 500px;
    margin: auto;
    text-align: center;
}

.not-found .not-found-pro img {
    max-height: 400px;
}

.not-found .not-found-pro h2 {
    font-size: 30px;
    color: var(--dark-color);
    font-weight: bold;
}

.not-found .not-found-pro h4 {
    margin: 15px 0;
    font-size: 20px;
    color: #777;
}

.not-found .not-found-pro p {
    margin: 25px 0 15px;
    font-size: 14px;
    color: #777;
    /* font-weight: bold; */
    position: relative;
}

.not-found .not-found-pro .btn.go-home {
    padding: 0;
    line-height: normal;
    min-height: auto;
    background: transparent;
    color: var(--sec-color);
    font-size: 20px;
    text-decoration: underline;
    margin: 0 auto;
}

.not-found .not-found-pro p::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    border-bottom: 1px #f1f1f1 solid;
    margin: auto;
    width: 100%;
    bottom: 0;
    height: 1px;
    z-index: -2;
}

.not-found .not-found-pro p::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    margin: auto;
    z-index: -1;
    border: 1px #f1f1f1 solid;
}

.not-found.not-found-404 .not-found-pro h2 {
    margin: 20px 0;
}


/* End Not-found */

/*-------------------------------------*/



.breadcrumb-section {
    margin-inline: 118px;
}
.news-section {
    margin-inline: 124px;
}

p.comment-form-author, p.comment-form-email ,p.comment-form-url{
       width: 32%;
    display: inline-block;
    margin-inline-end: 12px;
    
}
.about-info p {
    text-transform: lowercase;
}






.contact-form .mobil {
    position: relative;
}



.iti__country-list{
    left: 0;
}
.iti {
    width: 100%;
}
input#phone{
    padding-left: 70px !important;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
}
.iti__arrow{
    border-top: 4px solid red;
}
.iti__arrow{
    position: relative;
}
.iti__arrow::after{
    position: absolute;
    content: '';
    width: 1px;
    height: 42px;
    /*background-color: red;*/
    top: -23px;
    right: -10px;
    display:none;
}
.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
}
.iti__selected-dial-code,.iti__arrow{
    display:none;  
}

.iti__country-list {
    text-align: start;
}
input#phone::placeholder,.wpcf7 input[type="tel"]::placeholder{
    direction: ltr;
}

.fa-youtube-play:before {
    content: "\f167";
}

.commentlist{
    display: flex;
    flex-wrap: wrap;
}
.commentlist li.comment{
    width: 49%;
  
    margin-inline-end: 10px;
    padding:32px 24px;
}

.commentlist .children li.comment{
    width:100%;
    border: none !important;
    padding:10px 0px;
    border-bottom: none !important;
}
ol.commentlist{
    list-style: none;
    /* padding-inline-start: 0; */
    border: 1px solid #E3E3E3;
}

footer.comment-meta {
    padding-inline: 0;
}
.comment-author  img{width: 80px;height: 80px;border-radius: 50%;margin-inline-end: 14px;}
a.comment-reply-link{
    color:#000;
}
h3#comments {
    margin: 36px 0 24px;
    font-size: 20px;
}

.comment-metadata {
    position: absolute;
    top: 55px;
    right: 95px;
    font-size: 13px;
    color: #000;
    opacity: 50%;
}

article.comment-body {
    position: relative;
      border-bottom: 1px solid #E3E3E3;
      padding-bottom:14px;
}
p.comment-notes {
    color: #000;
    opacity: 50%;
    margin-bottom: 40px;
}

h3.comment-reply-title {
    font-size: 24px;
    margin-top: 31px;
}
ul.children {
    padding-inline-start: 52px;
}
ol.commentlist li.comment.even{
    border-inline-end: 1px solid #E3E3E3;
}

ul.children   article.comment-body{
   border-bottom:none;
   padding-bottom:0;
}
.comment-content ,.reply{
    padding-inline-start: 96px;
}
ul.children ul.children{
    padding-inline-start: 0;
}
li.parent article.comment-body {
      border-bottom: none;
}

a.comment-reply-link {

    background-color: var(--sec-color);
    color: #fff;
    font-family: 'semiBold';
    border-radius: 7px;
    padding: 7px 14px;
    width: 80px;
    /* height: 54px; */
    /* margin-top: 32px; */
    display: inline-block;
    text-align: center;
}


a.comment-reply-link,h3#reply-title small
{background-color: var(--sec-color);color: #fff;
font-family: 'light';

border-radius: 5px;padding: 3px 0;width: 60px;display: inline-block;text-align: center;}
.reply {
    text-align: end;
}
.comment-content{
    margin-top:8px;
}

.comment-respond h3#reply-title {
    font-size: 20px;
    margin-inline-end: 12px;
}

h3#reply-title small
{background-color: var(--sec-color);
font-family: 'light';

border-radius: 5px;
padding: 6px 0;
    width: 76px;
    display: inline-block;
    text-align: center;
    margin-inline-start: 12px;
 
    font-size: 14px;
}

h3#reply-title small a{
    color: #fff;   
}

.children p.comment-form-author,.children  p.comment-form-email,
.children p.comment-form-url {
    width: 31%;
    display: inline-block;
    margin-inline-end: 7px;
}







/*****/
ol.commentlist li.comment.even {
    border-inline-end: 0;
}
article.comment-body {
    position: relative;
    border-bottom: 0;
    padding-bottom: 15px;
    margin: 15px;
}
.commentlist li.comment {
    width: 100%;
    margin-inline-end: 0;
    padding: 0;
    border-bottom: 0;
}
ol.commentlist {
    padding-inline-start: 0;
}
.commentlist li.comment div#respond {
    padding: 0 15px;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}
ol.commentlist li.comment + li.comment {
    border-top: 1px solid #E3E3E3;
}


.mynav li.current-menu-item a{
    color:var(--sec-color);
}
li.page-item {
    margin: 0 4px; 
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin: 0px;
    line-height: 1.25;
    color: var(--main-color);
    background-color: #fff;
    border: 1px solid var(--main-color);
    border-radius: 3px;
        width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none;
}
.page-item.active .page-link {
 
    background-color: var(--sec-color);
    border-color: var(--sec-color);
}
.page-link:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: var(--sec-color);
    border-color: transparent;
}

.branch-item{
  margin-bottom: 42px;
}
.branch-item h3{
  font-size: 32px;
  font-family: 'bold';
  margin-bottom: 20px;
}
.conatct-data.branches ul li {
    margin-bottom: 0px;
}

.branches{
    margin-top: 48px;
}
.all-news h6 {
    font-weight: 600;
}

.conatct-data ul li p{
    margin-bottom:0;
}