html{scroll-behavior: smooth;}
h1,h2,h3,h4,h5,h6,p,ul{margin-bottom: 0px;}
ul{list-style: none;}
a:hover{text-decoration: none;}
p{line-height: 1.4;}
  @font-face {
    font-family:Baskerville ;
    src: url(../include/webfonts/BASKE9.ttf);
  }
  @font-face {
    font-family:RobotoSlab;
    src: url(../include/webfonts/RobotoSlab-Regular.ttf);
  }
  @font-face {
    font-family:cairo ;
    src: url(../include/webfonts/Cairo-Regular.ttf);
  }
body{font-family:RobotoSlab;overflow: hidden;background: unset !important;}
::-webkit-scrollbar {width: 8px;height: 15px;}
::-webkit-scrollbar-track-piece  {background-color: #ffffffa6;}
::-webkit-scrollbar-thumb:vertical {height: 50px;background-color:#000;}
.first-nav{background-color: #ad732e;overflow: hidden;padding: 5px 0px;direction: ltr;}
.first-nav a{color: #fff;direction: rtl;}
.first-nav a:hover{color: #b8882b;}
.first-nav ul li{display: inline-block;margin-right: 5px;border: 1px solid #fff;width: 25px;height: 25px;text-align: center;padding-top: 2px;}
.first-nav ul{margin-left: -37px;display: none;}
.language{direction: ltr;text-align: left;padding-top: 2px;}
.social-media{direction: ltr;text-align: left;}
.social-media a:hover{color: #fff;}
.language i{color: #fff;font-size: 20px;margin-left: 5px;}

.first-nav .social-media li:hover {
    background-color: #b8882b;
    border-color: #b8882b;
}
.first-nav .social-media li:hover i{color: #b8882b;}


.navbar-section {
    padding: 0px 0px;
    position: absolute;
    width: 100%;
    background-image: linear-gradient(180deg, #000000cf, transparent);
    z-index: 666;
    transition: ease-in-out all .3s;
}
.toggle{background-color: #000;}
.menu-sticky{    position: fixed;
  width: 100%;
  top: 0px;
  left: 0px;
  background-color: #000000e3;
  transition: ease-in-out 0.3s;}
.navbar-section .navbar {padding: 0px 0px;}
.navbar-section .navbar-toggler{border: 0px;cursor: pointer;}
.navbar-section .navbar-toggler i{color: #b8882b;font-size: 30px;}
.navbar-section .navbar-brand{padding: 5px 0px;position: relative;}
.navbar-section .navbar-nav{margin-left: auto !important;margin-right: unset !important;}
.logo{width: 125px;}
.logo-scroll{width: 90px !important;transition: ease-in-out 0.4s;}
.navbar-section .nav-item .nav-link{color: #ffffff;transition: 0.4s;text-transform: uppercase;}
.navbar-section .nav-item .nav-link:hover{color: #b8882b;transition: 0.4s;}
.navbar-section .navbar-light .navbar-nav .active>.nav-link{color: #b8882b;border-bottom: 2px solid #b8882b;}
.hvr-underline-from-right:before {background: #b8882b;height: 2px;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #b8882b;
}

.navbar-section .dropdown-item:hover{color: #b8882b;background-color: unset;}
.dropdown-item.active, .dropdown-item:active{background-color: unset;}

@media (min-width: 768px){.navbar-nav>li {float: right;margin-right: 3px;}.slider-1 .carousel-item{background-attachment: fixed;}}


.slider-home{position: relative;    overflow: hidden;}
.head-slider{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #edeaea;text-align: left;z-index: 555;width: fit-content;}
.head-slider h1{font-weight: 600;font-size: 65px;}
.slider-home .carousel-item{height: 100vh;background-position: center;background-size: cover;position: relative;}
.effect1{width: 50%;position: absolute;left: 0%;top: 0px;height: 100vh; animation: slide 1.7s forwards;background-color: #393a3e}
.effect2{width: 50%;position: absolute;left: 50%;top: 0px;height: 100vh; animation: slide 1.7s forwards;background-color: #212121}
@keyframes slide{from { width: 100%; }to { width: 0%; }}
.line{width: 160px;height: 2px;transform: rotate(180deg);background-color: #fff;display: inline-block;margin-right: 50px;}
.slider-overlay{width: 100%;height: 100%;background: #30303057;}
.slider-home .carousel-indicators li {width: 35px;height: 35px;border-radius: 50%;background-position: center;background-size: cover;}
.slider-home .carousel-caption{top: 50%;left: 50%;transform: translate(-50% ,-50%);right: unset;bottom: unset;text-align: center;}
.slider-home .carousel-control-next-icon,.slider-home .carousel-control-prev-icon{background: unset;}
.slider-home .carousel-control-prev-icon{transform: rotate(180deg);}
.slider-home .carousel-caption h5{font-size: 60px;}
.language{position: absolute;right: 10px;top: 15px;z-index: 66;}
.language li{display: inline-block;margin-right: 4px;}
.language img{width: 30px ;height: 20px;}
.navbar{padding: 0.5rem 0px;}
@media(max-width:767px){.order{order: 2;}.slider-home .carousel-item{height: 50vh;}.slider-home .carousel-caption h5{font-size: 30px;}.slider-home .carousel-caption{transform: translate(-50% ,-30%);text-align: center;width: 80%;}.about-data{border: 10px solid;border-image-slice: 1;border-width: 5px;border-image-source: linear-gradient(to right, #ea9f2c, #d0a32d,#b71920);height: auto !important;}}
@media(min-width:767px){.padding-0{padding: 0px;}.toggle{background-color: unset !important;}.about-data{border: 10px solid;border-image-slice: 1;border-width: 5px;border-image-source: linear-gradient(to right, #ea9f2c, #d0a32d,#b71920);border-left: unset;}}
.language{position: absolute;right: 0px;top: 7px;}
.language h5 a{color: #fff;font-family:cairo ;}
.language h5 a i{margin-right: 7px;}

.about-section{padding: 80px 0px;overflow: hidden;}
.about-section-data h3{color: #b8882b;font-size: 40px;}
.about-section-data h6{font-weight: 600;width: fit-content;border-bottom: 2px solid #000;padding: 0px 0px 6px 0px;margin-bottom: 8px;}
.about-img{background-position: center;background-size: cover;}
.section-img .container{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}

@media(min-width:767px){.slider-home .carousel-control-next-icon,.slider-home .carousel-control-prev-icon{width: 30px !important;height: 30px !important;}.section-img{height: 400px;}}
@media(max-width:767px){.about-section-data{padding-top: 15px;padding-bottom: 20px;}.section-img img{display: none;}.section-img .container{position: relative;left: 0px;top: 0px;transform: translate(0,0);padding: 40px 0px;}}
.section-img{background-position: center;background-size: cover;background-attachment: fixed;position: relative;overflow: hidden;}
.section-img::before{content: "";left: 0px;top: 0px;width: 100%;height: 100%;background-color: #0000006b;position: absolute;}
.section-img-data h1{color: #fff}
.section-img-data{padding: 0px 20px;text-align: center;color: #fff;}
.section-img-data .btn{border-color: #fff;color: #fff;}


.project-section{padding: 80px 0px;background: #afafaf3b;}
.project-img{background-position: center;background-size: cover;position: relative;}
.link-icon{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;background-color: #0000008c;transform: scale(0,0);transition: 0.4s;}
.project-item:hover .link-icon{transform: scale(1,1);transition: 0.4;}
.link-icon i{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);color: #fff;font-size: 25px;}
.project-item h6{padding: 5px;/* font-size: 20px; */color: #ffffff;}
.project-section .project-item h6{padding: 20px 15px;font-size: 20px;color: #b8882b;}

.project-section .project-item{box-shadow: 0px 0px 5px #0000002e;border-radius: 15px;}
.project-item{overflow: hidden;transition: 0.4s;}
.project-section .project-item:hover{transform: scale(0.96,0.96);transition: 0.4s;}
.events-section .project-item:hover .project-img{transform: scale(1.1,1.1);transition: 0.4s;}
.events-section .owl-carousel .owl-stage-outer{overflow: inherit;}
.events-section{overflow: hidden;}


/**********************************about-sec****************************/
.btn-primary{position: relative;background-color: unset;border: none;border-radius: 20px;border: 1px solid #b8882b;color: #b8882b;margin-top: 30px;overflow: hidden;/* padding-bottom: 9px; */}
.btn-primary:hover{border-radius: 20px;border: 1px solid #b8882b;color: #fff;background-color: unset;}
.btn-primary:focus{position: relative;background-color: #b8882b;border:none;box-shadow: unset;}
.hvr-bounce-to-right:before{background-color: #b8882b;}
.move-top {position: fixed;right:20px;height: auto;border-radius: 0px 15px 15px 0px;bottom: 50px;z-index: 5;display: none;}
.move-top i {font-size: 35px;color: #b8882b;cursor: pointer;}


.products-section{padding: 80px 0px;overflow: hidden;}
.section-head{text-align: center;margin-bottom: 30px;}
.section-head h1{text-transform: uppercase;}
.product-img{background-position: center;background-size: cover;position: relative;transition: 0.4s;}
.product-img::before{content: "";width: 100%;height: 100%;left: 0px;top: 0px;position: absolute;background-image: linear-gradient(0deg, #0000008f, transparent);transition: 0.2s;}
.product-item{margin-bottom: 12px;position: relative;overflow: hidden;}
.product-name{position: absolute;bottom: 0px;left: 0px;padding: 20px;transition: 0.4s;}
.product-name h5{color: #fff;}
@media(min-width:767px){.pdd{padding: 0px 10px;}.about-section-data h3,.section-head h1{font-size: 60px;}}
.product-info{position: absolute;width: 100%;height: 100%;left: 0px;top: 100%;color: #fff;padding: 30px;background-image: linear-gradient(0deg, #a46f2fba, #000000cc);transition: 0.4s;}
.product-info p{font-size: 14px;line-height: 19px;}
.product-item:hover .product-info{top: 0px;transition: 0.4s;}
.product-item:hover .product-img{transform: scale(1.1,1.1);transition: 0.4s;}
.product-item:hover .product-img::before{opacity: 0.5;transition: 0.2s;}
.cert-section{padding: 80px 0px;}
@media(max-width:767px){.product-item{margin-bottom: 30px;}.logo-footer{width: 35%;}}

.map-section iframe{width: 100%;height:300px;margin-bottom: -10px;}

.events-section{padding: 80px 0px;overflow: hidden;position: relative;/*border-top: 4px solid #afafaf3b;border-bottom: 4px solid #afafaf3b;*/}
.events-section::before{content: "";background-color: #afafaf3b;width: 65%;height: 100%;left: 0px;top: 0px;position: absolute;}
.events-section .project-item{overflow: hidden;position: relative;}
.events-section .project-img{transition: 0.4s;}
.events-section .product-item:hover .project-img{transform: scale(1.1,1.1);transition: 0.4s;}
.event-date{position: absolute;top: 15px;left: 0px;padding: 5px 15px;color: #fff;background-color: #ab732e;z-index: 55;}
.event-data h3{color: #000;}
.event-data{color: #000;padding: 10px;z-index: 555;}
.event-data p{font-size: 15px;}
.event-data span{color: #b8882b;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #b8882b !important;
}

.counter-section .counter-item-icon{background-position: center;background-size: cover;}
.counter-item{text-align: center;margin-bottom: 45px;}
.counter-section{padding: 80px 0px;background-position: center;background-size: cover;background-attachment: fixed;color: #fff;}
.col-edit{padding: 0px;}
.counter-d{text-align: left;padding-top: 25px;color: #fff;}
.counter,.counter-item span{display: inline-block;}

/**************************************footer-sec****************************************/
.mega-footer{line-height: 1.7;font-size: 14.5px;padding: 50px 0;color: #fff;background-color: #000000ed;background-size: cover;background-position: center;overflow: hidden;}
.mega-footer ul{margin-left: -37px;}
.mega-footer a{ color: #fff; transition: .3s;}
.mega-footer p a{color: #b8882b;}
.mega-footer a:hover, .mega-footer a:active, .mega-footer a:focus{ color: #b8882b; transition: .3s;}
.mega-footer .social-media{text-align: right;padding-top: 8px;margin-right: 4px;}
.mega-footer .social-media li{display: inline-block;}
.mega-footer .social-media ul{margin-right: 0px;}
.megafooter-box{ margin-top: 30px;}
.megafooter-box img{width: 80px;}
.mega-footer-h1{display: block;padding-bottom: 5px;border-bottom: 1px solid #e4e4e2;font-size: 25px;margin-bottom: 11px;text-transform: uppercase;color: white;}
.contact-details {font-size: 15px;}
.contact-details i{/* color: var(--talant-orang); */margin-right: 10px;}
.comp{background: #000000;text-align: center;color: #fff;padding-top: 8px;padding-bottom: 6px;}
.comp p{text-align: center;}
.comp a{color: #fff;}
.contact-details h6{direction: ltr;display: inline-block;}
.mega-footer iframe{width: 100%;height: 170px;border-radius: 10px;}
.contact-details a{color: #e4e4e4;}
.contact-details li{margin-bottom: 4px;}

@media(min-width:767px){.logo-footer{padding-top: 35px;}}
.links a{text-transform: uppercase;font-size: 14.5px;}
/**************************************footer-sec****************************************/





/*****************whats*********************/
.wa__r_button.wa__btn_w_img .wa__btn_txt{padding: 8px 20px 8px 100px;display: table-cell;vertical-align: middle;height: 66px}
.wa__r_button.wa__btn_w_img .wa__cs_info .wa__cs_status{ margin-left: 3px;}
.wa__popup_chat_box{width: 351px;border-radius: 5px 5px 8px 8px;-webkit-border-radius: 5px 5px 8px 8px;-moz-border-radius: 5px 5px 8px 8px;position: fixed;overflow: hidden;box-shadow: 0px 10px 10px 4px rgba(0,0,0,0.04);-webkit-box-shadow: 0px 10px 10px 4px rgba(0,0,0,0.04);-moz-box-shadow: 0px 10px 10px 4px rgba(0,0,0,0.04);bottom: 102px;left: 25px;z-index: 998;opacity: 0;visibility: hidden;-ms-transform: translate(0,50px);transform: translate(0,50px);-webkit-transform: translate(0,50px);-moz-transform: translate(0,50px);transition: 0.4s ease all;-webkit-transition: 0.4s ease all;-moz-transition: 0.4s ease all;will-change: transform,visibility,opacity;max-width: calc(100% - 50px);}
.wa__popup_chat_box.wa__active{-ms-transform: translate(0,0);transform: translate(0,0);-webkit-transform: translate(0,0);-moz-transform: translate(0,0);visibility: visible;opacity: 1;}
.wa__popup_chat_box .wa__popup_heading{position: relative;padding: 15px 70px 17px 74px;color: #d9ebc6;background: #2db742;}
.wa__popup_chat_box .wa__popup_heading:before{content: '';background: url('../images/whatsapp_logo.svg') center top no-repeat;background-size: 33px;display: block;width: 55px;height: 33px;position: absolute;top: 20px;right: 12px;}
.wa__popup_chat_box .wa__popup_heading .wa__popup_title{padding-top: 2px; padding-bottom: 3;color: #ffffff;font-size: 18px;line-height: 24px;}
.wa__popup_chat_box  .wa__popup_notice{font-size: 16px;color: #000000;font-weight: 500;padding: 0 3px;text-align: right;font-weight: 600;}
.wa__popup_chat_box .wa__popup_content{background: #ffffff;padding: 13px 20px 21px 19px;text-align: right;}
.wa__popup_chat_box .wa__stt.wa__stt_online{transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;}
.wa__popup_content_list .wa__popup_content_item{margin: 14px 0 0;transform: translate(0,20px);-webkit-transform: translate(0,20px);-moz-transform: translate(0,20px);will-change: opacity,transform;opacity: 0;}
.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item{transition: 0.4s ease all;-webkit-transition: 0.4s ease all;-moz-transition: 0.4s ease all;transition-delay: 2.1s;-webkit-transition-delay: 2.1s;-moz-transition-delay: 2.1s;}
.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(1){transition-delay: 0.3s;-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;}
.wa__popup_chat_box.wa__lauch .wa__popup_content_list .wa__popup_content_item{opacity: 1;transform: translate(0,0);-webkit-transform: translate(0,0);-moz-transform: translate(0,0);}
.wa__popup_content_list .wa__popup_content_item .wa__member_name{font-size: 14px;color: #363c47;line-height: 1.188em !important;}
.wa__popup_content_list .wa__popup_content_item .wa__popup_txt{text-align: right;min-height: 48px;height: 48px;}
.wa__popup_txt i{font-size: 40px;margin-left: 8px;}
.wa__popup_chat_box_ct .wa__popup_ct_avatar img{border-radius: 50%}
.wa__popup_chat_box_ct .wa__popup_ct_call_btn{width: 97px;font-size: 11px;padding: 9px 10px 11px;margin: 15px 0 15px;}
.wa__btn_popup{ position: fixed;left: 30px;bottom: 30px;cursor: pointer;z-index: 5555;}
.wa__btn_popup .wa__btn_popup_icon{width: 56px; height: 56px; background: #2db742;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.14);-webkit-box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.14); -moz-box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.14);}
.wa__btn_popup .wa__btn_popup_icon:before{content: '';position: absolute;z-index: 1;width: 100%;height: 100%;left: 0;top: 0;background: transparent url('../images/whatsapp_logo.svg') center center no-repeat;background-size: 30px auto;-webkit-background-size: 30px auto;-moz-background-size: 30px auto;transition: 0.4s ease all;-webkit-transition: 0.4s ease all;-moz-transition: 0.4s ease all;}
.wa__btn_popup .wa__btn_popup_icon:after{content: '';opacity: 0;position: absolute;z-index: 2;width: 100%;height: 100%;left: 0;top: 0;background: transparent url('../images/x_icon.svg') center center no-repeat; background-size: 14px auto;-webkit-background-size: 14px auto;-moz-background-size: 14px auto;transition: 0.4s ease all;-webkit-transition: 0.4s ease all;-moz-transition: 0.4s ease all;-ms-transform: scale(0) rotate(-360deg);transform: scale(0) rotate(-360deg);-webkit-transform: scale(0) rotate(-360deg);-moz-transform: scale(0) rotate(-360deg);}
.wa__btn_popup.wa__active .wa__btn_popup_icon:before{opacity: 0;-ms-transform: scale(0) rotate(360deg);transform: scale(0) rotate(360deg);-webkit-transform: scale(0) rotate(360deg);-moz-transform: scale(0) rotate(360deg);}
.wa__btn_popup.wa__active .wa__btn_popup_icon:after{opacity: 1;-ms-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);-webkit-transform: scale(1) rotate(0deg);-moz-transform: scale(1) rotate(0deg);}
.wa__btn_popup .wa__btn_popup_txt{position: absolute;width: 160px;right: 100%;background-color: #ffff;font-size: 15px;color: #43474e;top: -46px;padding: 15px;margin-right: 7px;letter-spacing: -0.03em;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;transition: 0.4s ease all;-webkit-transition: 0.4s ease all;-moz-transition: 0.4s ease all;}
.wa__btn_popup.wa__active .wa__btn_popup_txt{-ms-transform: translate(0,15px);transform: translate(0,15px);-webkit-transform: translate(0,15px);-moz-transform: translate(0,15px);opacity: 0;visibility: hidden;}

.wa__btn_popup{left: 11px;}
.wa__btn_popup .wa__btn_popup_txt {left: 100%;right: unset;margin-left: 7px;margin-right: unset;display: none;}
.wa__popup_chat_box {left: 25px;}
.wa__popup_chat_box .wa__popup_heading {position: relative;padding: 15px 74px 17px 25px;}
.wa__popup_chat_box .wa__popup_notice,.wa__popup_content_list .wa__popup_content_item .wa__popup_txt {text-align: right;}
.wa__popup_txt i {margin-left: unset;margin-right: 8px;}
/*****************whats********************/




.social-side{position: fixed;right: 0px;transform: translate(0 , -50%);top: 57%;z-index: 55;}
.youtube{background-color:#E52D27 ;}
.twitter{background-color:#4099FF;}
.facebook{background-color:#3b5998;}
.instagram{background-image: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}
.mail{background-color:#ea4235;}
.snap{background-color: #f6f704;}
.whatsapp {background-color: #25D366;}
.linked{background-color: #0175b0;}
.telegram{background-color: #30a8dc;}
.social-side li {width: 40px;height: 40px;position: relative;transition: 0.4s;left: 0px;}
.social-side li i{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);color: #fff;font-size: 20px;transition: 0.4s;}
.social-side li:hover i{transform: translate(-50% , -50%)rotate(360deg);transition: 0.4s;}


.banner{height: 400px;position: relative;background-position: center;background-size: cover;}
.banner::before {content: '';position: absolute;top:0px;width: 100%;height: 100%;/* background: red; */z-index: 5;background-color: #30303057;}
.banner .container {position: absolute;left: 50%;top: 50%;width: 100%;z-index: 500;transform: translate(-50% , -50%);width: 100%;text-align: center;}
.banner a,.banner h1{color: #fff;text-transform: uppercase;}

@media(max-width:767px){.banner{height: auto;background-size: 100% 100%;}}

.banner-head{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);z-index: 66;color: #fff;text-transform:uppercase ;text-shadow: 0px 0px 5px #000;letter-spacing: 2px;}
.mouse-icon{border: 2px solid #fff;border-radius: 16px;height: 35px;width: 22px;display: block;z-index: 80;opacity: .7;position: absolute;left: 50%;bottom: 50px; margin: 0 0 0 -9px;}
.mouse-icon .wheel {position: relative;border-radius: 10px;background: #fff;width: 2px;height: 6px;top: 4px;margin-left: auto;margin-right: auto;}
.mouse-icon .wheel {-webkit-animation-name: drop;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-delay: 0s;-webkit-animation-iteration-count: infinite;-webkit-animation-play-state: running;-webkit-animation-name: drop;animation-name: drop;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-play-state: running;animation-play-state: running;}
 
  @-webkit-keyframes drop {
    0% {
      top: 5px;
      opacity: 0;
    }
    30% {
      top: 10px;
      opacity: 1;
    }
    100% {
      top: 25px;
      opacity: 0;
    }
  }
  @keyframes drop {
    0% {
      top: 5px;
      opacity: 0;
    }
    30% {
      top: 10px;
      opacity: 1;
    }
    100% {
      top: 25px;
      opacity: 0;
    }
  }

  .about-page{margin-bottom: 30px;}
  .about-page-img{background-position: center;background-size: cover;}
  .about-page-data{padding-top: 10px;}
  .about-page-data h1{font-weight: 600;line-height: 1;}
  .about-page-sections{padding: 40px 0px 60px 0px;}
  .pd{padding: 80px 0px 60px 0px;}
  @media(min-width:767px){.about-page:nth-of-type(even) {direction: rtl;}}
  @media(max-width:767px){.about-page{direction: rtl;}}
  
.brands-page{padding: 80px 0px;}

.brand-item{background-position: center;background-size: contain;margin-bottom: 20px;background-repeat: no-repeat;}
.pdf-img-item{cursor: zoom-in;margin-bottom: 5px;}
.viewer-canvas{background-color: #000000c7;}

/************************************************contact-page1*******************************************************/
.contact-page1{padding: 75px 0px;overflow: hidden;}
.contact-page1 h3{margin-bottom: 20px;color: #b8882b;font-weight: 600;}
.contact-page1 .contact-form .form-control{margin-bottom: 5px;border-radius: 30px;}
.contact-page1 .contact-form .btn-primary:hover{border-color: #b8882b;color: #fff;}
.contact-page1 .contact-form .form-control:focus{box-shadow: 0px 0px 3px #b8882b;border-color: #b8882b;}
.contact-page1 .contact-form .btn-primary{background-color: #b8882b;color: #fff;border-color: #b8882b}
.contact-page1 .contact-data h6{display: inline-block;margin-right: 7px;font-weight: 600;}
.contact-page1 .contact-data a{color:#191919 ;}
.contact-page1 .contact-data i{color: #b8882b;font-size: 20px;}
.contact-page1 .contact-data li{margin-bottom: 20px;border-bottom: 1px dotted #b8882b6e;padding-bottom: 5px;}
.contact-page1 .contact-data .social-media li{border: unset;margin-bottom: -5px;}
.contact-page1 .contact-data .social-media ul{margin-bottom: 0px;margin-right: 0px;}
.contact-page1 .contact-data .social-media{text-align: left;}
.contact-page1 .map iframe{width: 100%;height: 300px;}
.contact-page1 .map{margin-top: 10px;}
.contact-page1 .contact-data ul{margin-left: -37px;}

.contact-page1 .social-media li{display: inline-block;}
.contact-page1 .social-media{direction: ltr;}
@media(max-width:767px){.contact-page1 .contact-form{margin-bottom: 20px;}}
.contact-page1 .btn-primary{margin-top: 0px;}
.contact-items .contact-data li {border: unset;margin-bottom: 3px;}
.contact-items h3 {margin-bottom: 4px;}
.multi-contacts{margin-top: 50px;border-top: 1px solid #0000004f;padding-top: 30px;text-align: center;}
/************************************************contact-page1*******************************************************/

.projects-page{padding: 80px 0px;}
.project-item{margin-bottom: 30px;}

.products-page .product-item{margin-bottom: 30px;}

.news-d-page{padding: 80px 0px 0px 0px;}
.news-d-data h4{font-weight: 600;}
.new-d-img{background-position: center;background-size: cover;}
.float{float: right;}
.carousel-item{background-position: center;background-size: cover;}
.news-vedio{position: relative;}
.news-vedio iframe{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;}
.mr-top{margin-top: 50px;}

.projects-d-page{padding: 80px 0px;}

.project-data h3{font-weight: 600;/* margin-bottom: 20px; */}
.project-d-data{text-align: left;}



.product-d-page{padding: 80px 0px;}
.product-d-page .product-d-data h2{color: #b8882b;font-weight: 600;}
.product-d-data h6{display: inline-block;margin-right: 50px;margin-top: 30px;font-weight: 600;color: #1f497d;font-size: 20px;}
.product-d-data .price{text-decoration: line-through;}
.product-d-page .docs-pictures li:first-child{width: 100%;margin-bottom: 5px;height: 275px;}
.product-d-page .docs-pictures li{margin-bottom: 1px;}
.product-d-page .docs-pictures li {height: 75px;}
.product-d-page .docs-pictures li img{height: 100%;}
@media(max-width:767px){.product-d-page .docs-pictures li:first-child{width: 100%;margin-bottom: 5px;height: 380px;}.product-d-page .docs-pictures li {height: 113px;width: calc;}.order{order: 2;margin-top: 30px;}}
@media(max-width: 400px) {.product-d-page .docs-pictures li:first-child{height: 255px;}.product-d-page .docs-pictures li {height: 70px;}}


.xzoom4{cursor: move !important;width: 100%;height: 300px;}
.xzoom-container{z-index: 6666 !important;}
.product-description h3{margin-bottom: 15px;}
.product-description{margin-bottom: 25px;}
@media(max-width:767px){.xzoom4{width: 100% !important;cursor: move!important;}}

.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5{height: 60px;width: 80px;}
.xactive {-webkit-box-shadow: 0px 0px 3px 0px rgb(239 169 77);-moz-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);box-shadow: 0px 0px 3px 0px rgb(239 169 77);border: 1px solid #b8882b;}
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5{margin-left: 0px;}
.product-show-info{padding: 30px 0px;}
.docs-pictures{display: flex;flex-wrap: wrap;justify-content: center;}
@media (max-width: 767px){.xzoom-container{display: none !important;}}
@media(min-width:767px){.gallery-mobile {display: none;}.project-data h3{margin-bottom: 20px;text-align: center;}}
@media (max-width: 767px){
.product-d-page .docs-pictures li:first-child {
    width: 400px;
    /* margin-bottom: 5px; */
    height: 400px;
    margin: auto;
}}

.product-d-page .docs-pictures li {
  height: 75px;
  border: 1px solid #00000029;
}

@media (max-width: 767px){
.product-d-page .docs-pictures li {
    /* height: 94px; */
    /* width: calc(100% / 3); */
    height: 80px;
    width: 80px;
    margin-top: 10px;
}}

.about-page-data{text-align: left;}

.projects-d-page .docs-pictures > li > img {
  height: 190px;
}

.projects-d-page .about-page-data{padding-top: 0px;}
.projects-d-page .docs-pictures{display: block;}
.photo-sec{margin-top: 50px;}

@media (max-width: 500px){.docs-pictures > li {width: calc(100%/2 );height: 125px;}}
.photo-sec h2{font-weight: 600;margin-bottom: 20px;}

.loading-img{width: 220px;height: 220px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-position: center;background-size: 80% 80%;background-repeat: no-repeat;}
.hourse{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);width: 55%;}
.loading-img .circle{  -webkit-animation: spin 5s linear infinite;animation: spin 5s linear infinite;}
.loading-page{width: 100%;height: 100%;position: fixed;z-index: 5555;background-color: #000;}
.fancy-spinner {display: flex;justify-content: center;align-items: center;width: 5rem;height: 5rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.fancy-spinner div {position: absolute;width: 10rem;height: 10rem;border-radius: 50%;}
.fancy-spinner div.ring {border-width: 0.8rem;border-style: solid; border-color: transparent;-webkit-animation: 2s fancy infinite alternate;animation: 2s fancy infinite alternate;}
.fancy-spinner div.ring:nth-child(1) { border-left-color: #fff;border-right-color: #fff;}
.fancy-spinner div.ring:nth-child(2) {border-top-color: #fff;border-bottom-color: #fff;-webkit-animation-delay: 1s;animation-delay: 1s; }
.fancy-spinner div.dot {width: 1rem;height: 1rem;background: #fff;}
  
@-webkit-keyframes fancy {
    to {
      transform: rotate(360deg) scale(0.5);
    }
  }
  
  @keyframes fancy {
    to {
      transform: rotate(360deg) scale(0.5);
    }
  }






  
  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000000;
  }
  .overlay .overlayDoor:before, .overlay .overlayDoor:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background: #fff;
    transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
    transition-delay: 0.8s;
  }
  .overlay .overlayDoor:before {
    left: 0;
  }
  .overlay .overlayDoor:after {
    right: 0;
  }
  .overlay.loaded .overlayDoor:before {
    left: -50%;
  }
  .overlay.loaded .overlayDoor:after {
    right: -50%;
  }
  
  .overlay .overlayContent {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
  }

 .loading-page h1{color: #b8882b;margin-top: 377px;text-align: center;}
  
  .loader {
    width: 128px;
    height: 128px;
    border: 3px solid #b8882b;
    border-bottom: 3px solid transparent;
    border-radius: 50%;
    position: relative;
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .loader .inner {
    width: 64px;
    height: 64px;
    border: 3px solid transparent;
    border-top: 3px solid #b8882b;
    border-radius: 50%;
    -webkit-animation: spinInner 1s linear infinite;
            animation: spinInner 1s linear infinite;
  }
  
  @-webkit-keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes spinInner {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-720deg);
    }
  }
  @keyframes spinInner {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-720deg);
    }
  }


  .factories-section{padding: 80px 0px;position: relative;overflow: hidden;}
  .factories-section::before{content: "";left: 0px;top: 0px;width: 50%;background-color: #f7f7f7;height: 100%;position: absolute;}
  .factory-data{padding: 10px 10px;}
  .factory-data h5{font-weight: 600;font-size: 48px;line-height: 1;}


  .about-page-section{background-color:   #f7f7f7;}
  .brands-section{background-color:   #f7f7f7;padding-top: 30px;}
  .corporate-section{background-color: unset;overflow: hidden;position: relative;}
  .corporate-section::before{content: "";right: 0px;top: 0px;width: 50%;background-color: #f7f7f7;height: 100%;position: absolute;}
  .logo-effect{position: absolute;left: 0px;bottom: 0%;/* transform: translate(-50% , -50%); */width: 17%;z-index: 555;opacity: 0.8;}
  .logo-effect img{width: 100%;-webkit-animation: spin 5s linear infinite;animation: spin 5s linear infinite;}
  .corporate-section .project-item:hover .project-img{transform: scale(1,1);}
  .corporate-section  .project-item{border: 1px solid #00000017;margin-bottom: 30px;}

  .project-item .overflow-hidden {
    overflow: hidden!important;
    box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 33%);
}


  


.carousel-item{background-position: center;background-size: cover;}
.corporate-items-data{position: absolute;width: 100%;left: 0px;bottom: 0px;padding: 40px;color: #fff;}
.corporate-items-data h3{font-weight: 600;font-size: 2rem;text-transform: uppercase;}
.corporate-items-slider .carousel-item::before{content: "";width: 100%;height: 100%;top: 0px;left: 0px;background-color: #00000036;position: absolute;}


.where-page {padding: 80px 0px;}
.where-page-logo{text-align: center;}
.where-page-logo img{width: 190px;margin-bottom: 20px;}
.brand-location{position: relative;margin-top: 20px;border-radius: 10px;overflow: hidden;}
.brand-location iframe{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;}
.where-page-item{padding: 20px 15px;border-radius: 15px;box-shadow: 0px 0px 20px 0px #00000063;;font-weight: 600;margin-bottom: 30px;}
.where-page-item h2{font-weight: 600;color: #b8882b;font-size: 25px;}
.where-page-item i{color: #b8882b;margin: 0px 3px;}
.where-page-item a,.where-page-item h5{color: #000;font-weight: 600;font-size: 18px;}