/* Header Css Style 
** Created by :
** Autor Name : Alamin Alsaafin
** Author Email : alaminsaafin96@gmail.com
** Author Phone : +972 597 803137 
*/

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;800;900&display=swap');

input:focus-visible,
textarea:focus-visible,
button:focus-visible,
button,
input,
textarea
{
    outline: none;
}
header
{
    height: 80px;
}
header .custom-logo-link img
{
    float: right;
    margin-top: 20px;
}
header .bg-light
{
    background: unset !important;
}
header nav
{
    height: 82px;
    line-height: 100px;
}
header nav ul li a
{
    color: #2C786C !important;
    margin-right: 10px;
    font-size: 20px;
    font-weight: bold;
    height: 82px;
    width: auto;
    padding: 0 10px;
}
header nav ul .current_page_item a
{
    color: #004445 !important;
    height: 82px;
    width: auto;
    

}
header nav ul
{
    height: 80px;
    line-height: 65px;
}
header nav ul li a:hover
{
    color: #004445 !important;
    
    height: 82px;
    width: auto;
}
header .btns
{

}
header .btns 
{
    padding: 0;
    margin: 0;
}
header .btns li
{
    list-style: none;
    float: left;
    margin-right: 20px;
    height: 32px;
    width: 32px;
    margin-top: 24px;
}
header .btns li a
{
    height: 32px;
    width: 32px;
    display: block;
}
.modal .search-form  
{
    position: relative;
    margin-bottom: 50px;
}
.modal .search-form  input
{
    height: 50px;
    line-height: 50px;
    padding-right: 20px;
    width: 100%;
    border: none;
    border: 1px #d3d3d3 solid;
    transition: 0.3s;
    outline: none;
    font-size: 18px;
}
.modal .search-form button
{
    transition: 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    border: none;
    outline: none;
    width: 100px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #2C786C;
}
.modal .search-form button:hover
{
    background: #f8b400;
}
.modal .modal-header
{
    border: none;
}
.modal img
{
    display: block;
    margin: 50px auto;
}

/* Header Css Style 
** Created by :
** Autor Name : Alamin Alsaafin
** Author Email : alaminsaafin96@gmail.com
** Author Phone : +972 597 803137 
*/
footer
{
    height: auto;
    width: 100%;
    background: #F4F8F8;
    position: relative;
    bottom: 0;
    margin: 0;
    padding: 0;
}
footer .top-footer
{
    padding: 100px 0;
}
footer .top-footer .logo
{
    display: block;
    margin-bottom: 25px;
}
footer .top-footer .about
{
    font-size: 18px;
    font-weight: 400;
    color: #2C786C;
    line-height: 24px;
    text-align: justify;
}
footer .top-footer .footer-menu-1 ul,
footer .top-footer .footer-menu-2 ul
{
    
}
footer .top-footer .footer-menu-1 ul li,
footer .top-footer .footer-menu-2 ul li
{
    list-style: none;
    float: none;
    text-align: right;
}
footer .top-footer .footer-menu-1 ul li a,
footer .top-footer .footer-menu-2 ul li a
{
    color: #2C786C;
    font-size: 20px;
    font-weight: 500;
    text-align: right;
    margin-bottom: 29px;
    display: block;
    transition: 0.3s;
    line-height: 28.8px;
}
footer .top-footer .footer-menu-1 ul li a:hover,
footer .top-footer .footer-menu-2 ul li a:hover
{
    color: #f8b400;
}
footer .top-footer .contact-info
{

}
footer .top-footer .contact-info li
{
    list-style: none;
    text-align: right;
}
footer .top-footer .contact-info li p
{
    font-size: 18px;
    font-weight: 500;
    color: #2C786C;
    padding-right: 0;
    line-height: 28.8px;
}
footer .top-footer .contact-info li p a
{
    color: #2C786C;
}
footer .top-footer .contact-info li p span
{

}
footer .top-footer .contact-info li p object
{
    position: absolute;
    right: 0;
}
footer .top-footer .contact-info li p .address-icon
{
    top: 25px;
}
footer .bottom-footer
{
    height: auto;
    border-top: 1px #E5EBEF solid;
}
footer .bottom-footer .copyrights
{
    font-size: 16px;
    font-weight: 400;
    color: #2C786C;
    text-align: right;
    margin-bottom: 0;
    line-height: 20.56px;
    margin-top: 15px;
}
footer .bottom-footer .social-media {
    padding: 0;
    margin: 0;
    height: auto;
    margin-top: 13px;
}
footer .bottom-footer .social-media li
{
    list-style: none;
    float: left;
}
footer .bottom-footer .social-media li a
{
    margin-right: 32px;
}
footer .bottom-footer .social-media li a svg
{

}

/* MAIN Css Style 
** Created by :
** Autor Name : Alamin Alsaafin
** Author Email : alaminsaafin96@gmail.com
** Author Phone : +972 597 803137 
*/


html
{
  
  margin: 0 !important;
  scroll-behavior: smooth;
}
body
{
  margin: 0 !important;
  padding: 0 !important;
}
a,input,textarea,button
{
  transition: 0.3s;
}
a:hover
{
  text-decoration: none !important;
}
section
{
  padding: 50px 0;
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999999;
}
#spinner {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    text-align: center;
    transform: translate(-50%,-50%);
}
#preloader #disable-preloader {
    display: block;
    position: absolute;
    right: 30px;
    bottom: 30px;
}
#spinner img{
  width:180px;
}
@-o-keyframes cssload-upDown2 {
  from {
    -o-transform: translateY(29px);
  }
  to {
    -o-transform: translateY(-19px);
  }
}
@-ms-keyframes cssload-upDown2 {
  from {
    -ms-transform: translateY(29px);
  }
  to {
    -ms-transform: translateY(-19px);
  }
}
@-webkit-keyframes cssload-upDown2 {
  from {
    -webkit-transform: translateY(29px);
  }
  to {
    -webkit-transform: translateY(-19px);
  }
}
@-moz-keyframes cssload-upDown2 {
  from {
    -moz-transform: translateY(29px);
  }
  to {
    -moz-transform: translateY(-19px);
  }
}
/* CSS Floation Animation */
.floating {
  -webkit-animation-name: Floatingx;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-name: Floating;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
}
@-webkit-keyframes Floatingx {
  from {
    -webkit-transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(0, 15px);
  }
  to {
    -webkit-transform: translate(0, 0px);
  }
}
@-moz-keyframes Floating {
  from {
    -moz-transform: translate(0, 0px);
  }
  65% {
    -moz-transform: translate(0, 15px);
  }
  to {
    -moz-transform: translate(0, 0px);
  }
}
.scaling {
  float: left;
  -webkit-animation-name: scalex;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-name: scale;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
}
@-webkit-keyframes scalex {
  from {
    -webkit-transform: scale(0.9);
  }
  65% {
    -webkit-transform: scale(1);
  }
  to {
    -webkit-transform: scale(0.9);
  }
}
@-moz-keyframes scale {
  from {
    -moz-transform: scale(0.9);
  }
  65% {
    -moz-transform: scale(1);
  }
  to {
    -moz-transform: scale(0.9);
  }
}
#preloader h5{
  line-height: 50px;
  font-size: 16px;
  color: #555555;
  text-transform: uppercase;
  margin-top: 20px;
}
object
{
    pointer-events: none;
}
#breadcrumb {
    height: 100px;
    /* margin-top: -82px; */
    z-index: -1;
    /* position: absolute; */
    width: 100%;
    top: -80px;
    /* z-index: -1; */
    /* margin-bottom: 200px; */
}
#breadcrumb h1
{
    font-size: 60px;
    color: #2c786c;
    font-weight: 900;
    text-align: right;
    padding-bottom: 9px;
    margin-bottom: 0;
    margin-top: unset;
    line-height: 84px;
}
#breadcrumb ol
{
    background: none;
    margin-top: 0;
    padding-right: 0;
}
#breadcrumb ol li
{

}
#breadcrumb ol li a
{
    font-size: 22px;
    color: #2c786c;
    font-weight: 400;
    transition: 0.3s;
    line-height: 38.4px;
}
#breadcrumb ol li a:hover
{
    color: #f8b400;
    border-color: #f8b400;
}
#breadcrumb ol .parent a,
#breadcrumb ol .sub-parent a
{
    border-bottom: 1px #003263 solid;
    padding-bottom: 0px;
}
#breadcrumb object
{
    position: absolute;
    top: 0;
    left: 0;
}
#breadcrumb .arrow-circle-left
{
    position: static;
}
.about-breadcrumb h1 {
    margin-top: 50px !important;
}
.about-breadcrumb ol {
    margin-top: 45px !important;
}
#about-section {
    margin-top: 150px;
    padding-bottom: 140px;
}
#about-section .img-box
{
}
#about-section .img-box img
{
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 450px;
    margin-top: -70px;
}
#about-section .content
{ 
    font-size: 22px;
    color: rgb(0 68 69 / 80%);
    font-weight: 400;
    text-align: justify;
    line-height: 38.4px;
    padding: 0 20px;
}
#contact-section .wpcf7
{
    margin-top: 50px;
}
#contact-section .wpcf7-form input
{
    border: none;
    border: 1px #E5E5E5 solid;
    width: 100%;
    direction: rtl;
    text-align: right;
    height: 50px;
    line-height: 50px;
    width: 100%;
    padding-right: 20px;
    display: block;
    font-size: 18px;
    margin-top: 10px;
}
#contact-section .wpcf7-form label 
{
    color: #000;
    font-size: 20px;
    direction: ltr;
    text-align: right;
    width: 100%;
}
#contact-section .wpcf7-form label .re
{
    color: #FF314B;
}
#contact-section .wpcf7-form input[type=checkbox]
{
    display: inline-block;
    height: auto;
    width: auto;
    margin-top: 10px;
}
#contact-section .wpcf7-form textarea
{
    height: 300px;
    padding: 20px 20px 0 0;
    width: 100%;
    direction: rtl;
    text-align: right;
    margin-top: 10px;
    border: none;
    border: 1px #E5E5E5 solid;
    font-size: 18px;
}
#contact-section .wpcf7-form .wpcf7-list-item-label
{
    float: left;
    margin-right: 5px;
    font-size: 14px;
}
#contact-section .wpcf7-form .wpcf7-list-item {
    margin: 0 0 0 10px !important;
    padding-right: 15px;
}
#contact-section .wpcf7-form .the-services
{
    border: 1px #E5E5E5 solid;
    height: 50px;
    line-height: 45px;
    display: block;
    margin-top: 10px;
    padding-right: 15px;
	direction: rtl;
}
#contact-section .wpcf7-form .wpcf7-submit
{
    width: 270px;
    text-align: center;
    color: #fff;
    background: #003263;
    line-height: 25px;
    height: 50px;
    transition: 0.3s;
    margin:0;
}
#contact-section .wpcf7-form .wpcf7-submit:hover
{
    background: #FF314B;
}

#contact-section .wpcf7-form span.wpcf7-list-item {
display: inline-block;
margin: 0;
}
#contact-section .wpcf7-form .wpcf7 .wpcf7-list-item {
display: inline-block;
margin-bottom: 10px;
}
#contact-section .wpcf7-form .wpcf7-checkbox label {
position: relative;
cursor: pointer;
}
#contact-section .wpcf7-form .wpcf7-checkbox input[type=checkbox] {
/*position: relative;*/
position: absolute;
visibility: hidden;
width: 30px;
height: 30px;
top: 0;
left: 0;
}
#contact-section .wpcf7-form .wpcf7-checkbox input[type=checkbox] + span {
/* border: 3px solid red; */
}
#contact-section .wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:before {
    display: inline-block;
    position: absolute;
    content: '';
    border-radius: 0;
    height: 20px;
    width: 20px;
    top: 14px;
    right: -17px;
    border: 1px solid #999999;
    border-radius: 5px;
}
#contact-section .wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:after {
  display: inline-block;
    position: absolute;
    content: "\2713";
    height: 20px;
    width: 20px;
    top: 11px;
    right: -17px;
    visibility: hidden;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
}
#contact-section .wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:before {
background: transparent;
}
#contact-section .wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:after {
visibility: visible;
}

#contact-section .wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:before {
    background: #ff314b;
    color: #fff !important;
    border-color: #ff314b;
}
#contact-section .wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:after {
    color: #fff !important;
}
#contact-section .wpcf7-form .wpcf7-checkbox  input[type="checkbox"]:checked + span {
    color: #ff314b !important;
}
input:focus-visible,
input:focus,
textarea:focus-visible,
textarea:focus,
{
    outline: none !important;
}
#contact-section .map
{
    position: relative;
    margin:40px 0;
}
#contact-section .map .shap1
{
    position: absolute;
}
#contact-section .map .shap2
{ 
    position: absolute;
    bottom: 6px;
    left: 0;
}
#contact-section .map iframe
{
    
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border-color: #ff314b;
    background: #ff314b;
    text-align: center;
    width: max-content;
    display: block;
    margin: auto;
    color: #fff;
}

#services-details-1
{
    padding: 200px 0 100px 0;
}
#services-details-1 .container-fluid
{
    padding-right: 0;
    padding-left: 95px;
}
#services-details-1 .container-fluid .right-side
{
    background-size: cover;
    background-repeat: no-repeat;
    height: 375px;
    background-position: right;
}
#services-details-1 .carousel-indicators li
{
    background-color: #CED2DE;
    height: 12px;
    width: 12px;
    margin: 0 6px;
    border-radius: 50px;
    border:none;
}
#services-details-1 .carousel-indicators .active
{
    background-color: #003263;
}
#services-details-1 #carouselExampleIndicators
{
    
}
#services-details-1 .carousel-inner
{
    position: relative;
    width: 81%;
    margin-right: 125px;
    margin-top: -100px;
}
#services-details-1  .carousel-indicators {
    bottom: -150px;
    left: -97px;
}
#services-details-1 .card
{
    border: none;
    background: none;
    margin-bottom: 15px;
}
#services-details-1 .card-header {
    border: none;
    border: 1px #E5E5E5 solid;
    height: 64px;
    width: 100%;
    background: #fff !important;
    transition: 0.5s;
}
#services-details-1 .card-header:hover,
#services-details-1 .card-header:visited,
#services-details-1 .card-header:focus,
#services-details-1 .card-header:focus-visible,
#services-details-1 .card-header:active
{
    border-color: #fff;
    box-shadow: 0 0 31.94px rgb(0 0 0 / 10%);
}
#services-details-1 .card-header h5 button
{
    width: 100%;
}
#services-details-1 .card-header h5 button:hover,
#services-details-1 .card-header h5 button:visited,
#services-details-1 .card-header h5 button:focus,
#services-details-1 .card-header h5 button:focus-visible,
#services-details-1 .card-header h5 button:active
{
    text-decoration: none;
}
#services-details-1 .card-header h5 p
{
    color: #003263;
    font-size: 24px;
    font-weight: 400;
    text-align: right;
    height: 64px;
    line-height: 25px;
}
#services-details-1 .card-header .icon-box
{
    width: max-content;
    display: inline-block;
    float: right;
    margin-left: 20px;
    position: relative;
}
#services-details-1 .card-header .icon-box span
{
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: -2px;
}
#services-details-1 .card-header .icon-box object
{
    
}
#services-details-1 .card-body
{
    color: #003263;
    font-size: 24px;
    text-align: right;
    direction: rtl;
    padding:1.25rem 0;
}
#services-details-1 #accordion
{
    /*margin-top: -100px;*/
}
#services-details-1 .request
{
    height: 50px;
    width: 370px;
    line-height: 45px;
    background: #003263;
    display: block;
    margin: auto;
    margin-top: 40px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    transition: 0.3s;
    position: relative;
}
#services-details-1 .request span
{
    margin-right: 35px;
}
#services-details-1 .request object
{
    position: absolute;
    top: 12px;
}
#services-details-1 .request:hover {
    background: #ff314b;
    box-shadow: 0 0 12px hsl(210deg 100% 19% / 40%);
}
#services-details-1 .main-title
{
    font-size: 64px;
    line-height:76.8px;
    font-weight: 900;
    color: #003263;
    text-align: right;
    margin-top: -120px;
}
#services-details-2 .par h3
{
    color: #003263;
    font-weight: bold;
    font-size: 48px;
    text-align: right;
}
#services-details-2 .par .desc
{
    color: #003263;
    font-weight: bold;
    font-size: 20px;
    text-align: right;
    line-height: 30px;
    width: 50%;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 40px;
}
#services-details-2 h4
{
    line-height: 38.4px;
    font-size: 32px;
    font-weight: 700;
    color: #003263;
    text-align: right;
}
#services-details-2 .nav-tabs {
    border:none;
    width: max-content;
    /* display: inline; */
    position: absolute;
    top: 0;
    right: 150px;
}
#services-details-2 .nav-tabs .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    border: none;
    height: 40px;
    width: max-content;
    text-align: center;
    background:#FFEAED;
    border-radius: 0;
    color: #FF314B;
    font-size: 16px;
    font-weight: 600;
    margin-left: 20px;
}
#services-details-2 .nav-tabs .nav-link.active
{
    color: #fff;
    background: #FF314B;
}
#services-details-2 .nav-tabs .nav-link:hover,
#services-details-2 .nav-tabs .nav-link:focus,
#services-details-2 .nav-tabs .nav-link:visited,
#services-details-2 .nav-tabs .nav-link:focus-visible
{
    color: #fff;
    background: #FF314B;
    width: max-content;
}
/*#services-details-2 .nav-tabs .active:hover,
#services-details-2 .nav-tabs .active:focus,
#services-details-2 .nav-tabs .active:visited,
#services-details-2 .nav-tabs .active:focus-visible
{
    height: 40px !important;
    width: 69px !important;
}*/
#services-details-2 .tab-content
{
    margin-top: 50px;
}
.lg-outer .lg-inner
{
    direction: ltr !important;
}
.demo-gallery li
{
    margin:0 15px 30px 15px;
    width: 30%;
    overflow:hidden;
}
.demo-gallery li:nth-child(4),
.demo-gallery li:nth-child(6),
.demo-gallery li:nth-child(7),
.demo-gallery li:nth-child(9),
.demo-gallery li:nth-child(10),
.demo-gallery li:nth-child(12),
.demo-gallery li:nth-child(13),
.demo-gallery li:nth-child(15),
.demo-gallery li:nth-child(16),
.demo-gallery li:nth-child(18),
.demo-gallery li:nth-child(19),
.demo-gallery li:nth-child(21),
.demo-gallery li:nth-child(22),
.demo-gallery li:nth-child(24),
.demo-gallery li:nth-child(25),
.demo-gallery li:nth-child(27),
.demo-gallery li:nth-child(28),
.demo-gallery li:nth-child(30)
{
    margin-top: -150px;
}
.demo-gallery li:nth-child(1),
.demo-gallery li:nth-child(3),
.demo-gallery li:nth-child(5),
.demo-gallery li:nth-child(7),
.demo-gallery li:nth-child(9),
.demo-gallery li:nth-child(11),
.demo-gallery li:nth-child(13),
.demo-gallery li:nth-child(15),
.demo-gallery li:nth-child(17),
.demo-gallery li:nth-child(19),
.demo-gallery li:nth-child(21),
.demo-gallery li:nth-child(23),
.demo-gallery li:nth-child(25),
.demo-gallery li:nth-child(27),
.demo-gallery li:nth-child(29)
{
    height: 345px !important;
}
.demo-gallery li img
{
    width: 100%;
}
.demo-gallery li img{
  transition: all 2s ease-in-out;
  display: block;
}

.demo-gallery li:hover img{
  transform: scale(1.5);
} 


#section1
{
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    margin-top: -82px;
    padding-top: 150px;
}
#section1 object
{
    max-width: 100%;
}
#section1 h3
{
    color: #003263;
    font-weight: 900;
    font-size: 75px;
    line-height: 100%;
    text-align: right;
    margin-top: 30px;
}
#section1 .sec1-btn
{
    color: #fff;
    background: #FF314B;
    height: 50px;
    width: 200px;
    text-align: center;
    line-height: 50px;
    display: block;
    float: right;
    font-size: 24px;
    font-weight: 400;
    margin-top: 80px;
    transition: 0.3s;
}
#section1 .sec1-btn:hover
{
    background: #003263;
}
#section1 .gotobottom
{
    width: auto;
    height:auto;
}
#section1 .gotobottom object
{
    display: block;
    margin: auto;
    margin-top: 150px;
    -webkit-animation-name: down;
    animation-name: down;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -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 down {
    0%   { top:5px; opacity: 0; }
    30%  { top:15px; opacity: 1; }
    60%  { top:15px; opacity: 0.60; }
    100% { top:25px; opacity: 0; }
}

@keyframes down {
    0%   { top:5px; opacity: 0; }
    30%  { top:15px; opacity: 1; }
    100% { top:25px; opacity: 0; }
}




.hideInMobile
{
    display: block;
}
.showInMobile
{
    display: none;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  background: #fff;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 57px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 30px;
    color: #2C786C;
    display: block;
    transition: 0.3s;
    text-align: right;
    margin-right: 20px;
    font-weight: bold;
}
.sidenav .navbar-nav
{
    margin-top: 50px;
    margin-right: 100px;
}
.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
#menu-menu-2
{
    background: none;
}
.toggle-btn {
    font-size: 16px !important;
    cursor: pointer !important;
    color: #003263;
    /* border: 1px #003263 solid; */
    display: block;
    width: 45px;
    height: 55x;
    border-radius: 10px;
    text-align: center;
    top: -22px;
    position: absolute;
    height: 45px;
    text-align: center;
    left: 0;
}
.toggle-btn svg {
    display: block;
    text-align: center;
    margin: auto;
    font-size: 45px;
}
.toggle-btn p
{
    margin: 0;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    height: 55px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    border: 1px #2C786C solid;
    text-align: center;
    margin: 0;
    padding: 0;
    padding: 0;
    width: 55px;
    margin-top: 20px;
    border-radius: 10px;
    line-height: 43px;
    font-size: 60px;
}

/*#mySidenav,
.toggle-btn
{
    display: none;
}*/


.title-box p
{
    
}

#section2
{
    padding: 100px 0;
}
#section2 .services-box
{
    margin-top: 50px;
}
#section2 .service-box
{
    position: relative;
    border: 1px #E5E5E5 solid;
    padding: 20px;
    transition: 0.3s;
    margin-bottom: 30px;
}
#section2 .service-box:hover
{
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1);
    border-color: #fff;
}
#section2 .service-box img
{
    display: block;
    margin-right: 10px;
    margin-bottom: 30px;
    margin-top: 28px;
    width: auto;
    height: auto;
    margin-bottom: 20px;
}
#section2 .service-box h3
{
    text-align: right;
    color: #000;
    font-size: 32px;
    line-height: 38.4px;
    font-weight: bold;
}
#section2 .service-box p
{
    text-align: right;
    direction: rtl;
    color: #000;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    margin: 25px 0 35px 0;
    height: 100px;
}
#section2 .service-box a
{
    display: block;
    text-align: right;
    width: 80px;
    position: relative;
    transition: 0.3s;
}
#section2 .service-box a span
{
    line-height: 20.56px;
    font-size: 20px;
    text-align: right;
    font-weight: 400;
    color: #FF314B;
}
#section2 .service-box a:hover object
{
    right: 48px;
}
#section2 .service-box a object
{
    position: absolute;
    top: 2px;
    right: 38px;
    transition: 0.3s;
}
#section2 .service-box .top
{
    position: absolute;
    right: 0;
    top: 0;
}
#section2 .service-box .bottom
{
    position: absolute;
    left: 0;
    bottom: -9px;
}

#section3
{
    background-repeat: no-repeat;
    background-position: left;
    background-color: #E5EBEF;
    padding: 100px 0;
}
#section3 .title-box h3::before
{
    right: -12%;
}
#section3 .title-box h3::after
{
    left: 29.5%;
}
#section3 img
{
    max-width: 100%;
    display:block;
    margin: auto;
}
#section3 h3
{
    text-align: right;
}
#section3 .desc
{
    font-size: 32px;
    line-height: 38.4px;
    font-weight: 500;
    color: rgb(0 50 99 / 80%);
    margin-top: 40px;
    text-align: right;
}
#section3 a
{
    height: 48px;
    width: 170px;
    color: #fff;
    text-align: center;
    line-height: 48px;
    background-color: #FF314B;
    font-weight: 400;
    font-size: 20px;
    float: right;
    margin-top: 40px;
    transition: 0.3s;
}
#section3 a:hover
{
    background: #003263;
}

#section5
{
    background-color: rgb(255 49 75 / 10%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding: 100px 0;
}
#section5 .texts
{
    padding-right: 100px;
    padding-top: 80px;
}
#section5 .texts::before {
    content: "";
    background-image: url(../../assets/images/Frame-24.svg);
    font-size: 20px;
    height: 60px;
    width: 70px;
    position: absolute;
    top: 18%;
    right: 1%;
    /* transform: rotate(45deg); */
    background-repeat: no-repeat;
}
#section5 .texts::after {
    content: "";
    background-image: url(../../assets/images/Frame-25.svg);
    font-size: 20px;
    height: 60px;
    width: 70px;
    position: absolute;
    bottom: 21%;
    left: 1%;
    background-repeat: no-repeat;
}
#section5 .texts h3
{
    font-size: 88px;
    color: #FF314B;
    font-weight: 900;
    text-align: right;
    line-height: 105.6px;
}
#section5 .texts .p
{
    font-size: 48px;
    color: #000;
    font-weight: 400;
    text-align: right;
    line-height: 57.6px;
    margin: 30px 0;
}
#section5 .texts .desc
{
    font-size: 36px;
    color: #000;
    font-weight: 400;
    text-align: right;
    line-height: 43.2px;
}
#section5 img
{
    display: block;
    margin:auto;
    max-width: 100%;
}

#section4
{
    padding: 100px 0;
}
#section4 .title-box h3::after
{
    top: 27px;
}
#section4 .title-box h3::before
{
    bottom: 75px;
}
#section4 .owl-carousel
{
    margin-top: 20px;
}
#section4  .owl-carousel .owl-stage-outer
{
    padding-top: 30px;
}
#section4 .itm_client
{
    width: 170px;
    height: 104px;
    border: 1px rgba(0, 0, 0, 0.2) solid;
    display: block;
    margin-bottom: 20px;
    transition: 0.3s;
    position: relative;
}
#section4 .itm_client:hover
{
    border-color: #fff;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
}
#section4 .owl-carousel .owl-item img
{
    max-width: 100%;
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}
#section4 .itm_client:hover img
{
    -webkit-filter: grayscale(0);
    filter: none;
    transition: 0.3s;
}


#section4 .owl-carousel.owl_sty .owl-nav {
    text-align: center;
    margin-top: 20px;
    width: max-content;
    float: right;
}

#section4 .owl-carousel.owl_sty .owl-nav > button {
  width: 40px;

  height: 40px;

  background-color: #fff;

  border-radius: 50%;

  margin-left: 10px;

  font-size: 20px;

  color: hsl(210deg 100% 19% / 50%);

  font-family: sans-serif;
}
#section4 .owl-carousel.owl_sty .owl-nav > button:hover
{
    color: #003263;
}
#section4 .owl-carousel.owl_sty .owl-nav > button:hover,
#section4 .owl-carousel.owl_sty .owl-nav > button:focus,
#section4 .owl-carousel.owl_sty .owl-nav > button:focus-visible
{
    outline: none !important;
}
#section4 .owl-carousel.owl_sty .owl-nav > button:last-child {
  margin-left: 0;
}
#section6
{
    padding-top: 100px;
}
/*#section6 .owl-stage .owl-item
{
    filter: gray;
    -webkit-filter: opacity(0.5);
    filter: opacity(0.5);
}*/
#section6 .owl-stage .active
{
    -webkit-filter: opacity(1);
    filter: opacity(1);
    
}
#section6 .owl-stage .firstactiveitem,
#section6 .owl-stage .lastactiveitem
{
    -webkit-filter: opacity(0.5);
    filter: opacity(0.5);
}
#section6 .owl-stage .active .desc
{
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
}
#section6 .owl-stage .firstactiveitem .desc,
#section6 .owl-stage .lastactiveitem .desc
{
    box-shadow: none;
    border:1px #E5E5E5 solid;
}
/*#section6 .owl-stage .active:hover
{
    -webkit-filter: opacity(1);
    filter: opacity(1);
}
#section6 .owl-stage .active:hover .desc
{
    box-shadow: 0 0 60px #C4C4C4;
}*/
/*.removeit
{
    -webkit-filter: opacity(1) !important;
    filter: opacity(1) !important;
}
.removeit2
{
    box-shadow: unset;
}*/
#section6 .title-box h3::before {
    bottom: 78px;
    right: 35%;
}
#section6 .title-box h3::after {
    top: 28px;
    left: 35%;
}




#section6 .owl-carousel.owl_sty .owl-nav {
    text-align: center;
    margin-top: 20px;
    width: max-content;
    float: unset;
    margin: auto;
}

#section6 .owl-carousel.owl_sty .owl-nav > button {
  width: 40px;

  height: 40px;

  background-color: #fff;

  border-radius: 50%;

  margin-left: 10px;

  font-size: 20px;

  color: hsl(171deg 46% 32% / 10%);

  font-family: sans-serif;
}
#section6 .owl-carousel.owl_sty .owl-nav > button:hover
{
    color: #2C786C;
}
#section6 .owl-carousel.owl_sty .owl-nav > button:hover,
#section6 .owl-carousel.owl_sty .owl-nav > button:focus,
#section6 .owl-carousel.owl_sty .owl-nav > button:focus-visible
{
    outline: none !important;
}
#section6 .owl-carousel.owl_sty .owl-nav > button:last-child {
  margin-left: 0;
}


#section6 .owl-carousel .owl-stage-outer
{
    padding: 50px 0;
}
#section6 .item
{

}
#section6 .item .box
{

}
#section6 .item .box .desc
{
    padding: 20px;
    position: relative;
}
#section6 .item .box .desc .shap1
{

}
#section6 .item .box .desc .shap2
{

}
#section6 .item .box .desc .shap3
{

}
#section6 .item .box .desc::after
{
    content: "";
    height: 55px;
    width: 63px;
}
#section6 .item .box .desc ul
{
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    height: 30px;
}
#section6 .item .box .desc ul li
{
    list-style: none;
    float: right;
}
#section6 .item .box .desc ul li object
{
    margin-left: 10px;
}
#section6 .item .box .desc h3
{
    color: #2C786C;
    line-height: 38.4px;
    font-size: 25px;
    font-weight: 700;
    text-align: right;
    margin: 20px 0 40px 0;
    display: block;
}
#section6 .item .box .desc .content
{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    text-align: right;
    margin-bottom: 40px;
}

#section6 .item .box .person
{
    direction: rtl;
    margin-top: 80px;
    margin-right: 20px;
}
#section6 .item .box .person img
{
    height: 64px;
    width: 64px;
    border-radius: 50px;
}
#section6 .item .box .person strong
{
    color: #2C786C;
    font-weight: 700;
    font-size: 20px;
    line-height: 28.8px;
    text-align: right;
    margin-bottom: 10px;
    display: block;
}
#section6 .item .box .person span
{
    color: hsl(171deg 46% 32% / 60%);
    font-weight: 500;
    font-size: 14px;
    line-height: 19.2px;
    text-align: right;
    display: block;
}

.toggle-btn
{
    background-color: #f8b400;
    width: 26px;
    height: 2px;
}

.toggle-btn:before {
    transform-origin: 33% 100%;
    top: -10px;
}

.toggle-btn:before, .toggle-btn:after {
    content: "";
}

.toggle-btn:before, .toggle-btn:after {
    transition: all 0.4s;
    background-color: #2c786c;
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    left: 0;
}

.toggle-btn:after {
    transform-origin: 33% 0;
    top: 10px;
}
.hideinmobile
{
    display: block;
}
.hideindesktop
{
    display: none;
}



#main-section
{
    height: 500px;
    width: 100%;
    background: #FEF0CC;
}
#main-section h3
{
    font-weight: 900;
    font-size: 54px;
    line-height: 79.2px;
    color: #2C786C;
    text-align: right;
    width: 80%;
    margin-top: 30px;
    
}
#main-section h4
{
    font-weight: 900;
    font-size: 54px;
    line-height: 79.2px;
    color: #FF314B;
    text-align: right;
    
}
#main-section a
{
    color: #004445;
    background: #F8B400;
    transition: 0.2s;
    width: 289px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    margin-right: 0;
    font-size: 18px;
    margin-top: 30px;
    position: relative;
    padding-left: 20px;
}
#main-section a object
{
    position: absolute;
    top: 20px;
    left: 40px;
    transition: 0.2s;
}
#main-section a:hover
{
    padding-left: 30px;
}
#main-section a:hover object
{
    left: 30px;
}
#main-section img
{
    max-width: 100%;
    display: block;
    margin:auto;
    margin-top: 101px;
    margin-top: 62px;
}

.title-box
{

}
.title-box
{
    font-weight: 700;
    font-size: 30px;
    line-height: 57.6px;
    color: #2C786C;
    text-align: right;
    width:max-content;
    position:relative;
}
.title-box::before
{
    content: "";
    background-image: url(../../assets/images/Vector-12.svg);
    font-size: 20px;
    height: 46px;
    width: 46px;
    position: absolute;
    bottom: 9px;
    /* transform: rotate(45deg); */
    background-repeat: no-repeat;
    right: 94%;
}
.title-box::after
{
    content: "";
    background-image: url(../../assets/images/Vector-13.svg);
    font-size: 20px;
    height: 46px;
    width: 46px;
    position: absolute;
    top: 37px;
    right: 94%;
    /* transform: rotate(45deg); */
    background-repeat: no-repeat;
}

#home-sec1
{

}

#home-sec1 img
{
    width: 100%;
}
#home-sec1 p
{
    color: #004445;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    margin-top: 20px;
}
#home-sec1 .boxes
{
    margin-top: 40px;
}
#home-sec1 .box
{
    margin-bottom: 30px;
}

#home-sec2 .title-box::before,
#home-sec2  .title-box::after
{
/*     right: 111px; */
}

#home-sec2 #products_slider,
#home-sec4 #products_slider,
#products_slider1,
#products_slider2
{
    margin-top: 40px;
}
#home-sec2 #products_slider .box,
#home-sec4 #products_slider .box,
#search-results .box,
#products_slider1 .box,
#products_slider2 .box
{
    border: 1px #E5E5E5 solid;
    height: auto;
    margin-bottom: 30px;
}
#home-sec2 #products_slider .box .img-box,
#home-sec4 #products_slider .box .img-box,
#search-results .box .img-box,
#products_slider1 .box .img-box,
#products_slider2 .box .img-box
{
    overflow: hidden;
}
#home-sec2 #products_slider .box img,
#home-sec4 #products_slider .box img,
#search-results .box img,
#products_slider1 .box img,
#products_slider2 .box img
{
    width: 100%;
    height: auto;
    transition: 0.5s;
}
#home-sec2 #products_slider .box .img-box:hover img,
#home-sec4 #products_slider .box .img-box:hover img,
#search-results .box .img-box:hover img,
#products_slider1 .box .img-box:hover img,
#products_slider2 .box .img-box:hover img
{
    transform: scale(1.3) rotate(5deg);
}
#home-sec2 #products_slider .box .box-inner,
#home-sec4 #products_slider .box .box-inner,
#search-results .box .box-inner,
#products_slider1 .box .box-inner,
#products_slider2 .box .box-inner
{
    position: relative;
    padding: 20px;
	height:auto;
	direction: rtl;
}
#home-sec2 #products_slider .box .box-inner h3 a,
#home-sec4 #products_slider .box .box-inner h3 a,
#search-results .box .box-inner h3 a,
#products_slider1 .box .box-inner h3 a,
#products_slider2 .box .box-inner h3 a
{
    color: #000;
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
    display: block;
    text-align: right;   
}
#home-sec2 #products_slider .box .box-inner h3,
#home-sec4 #products_slider .box .box-inner h3,
#search-results .box .box-inner h3,
#products_slider1 .box .box-inner h3,
#products_slider2 .box .box-inner h3 
{
	width:70%;
}
#home-sec2 #products_slider .box .box-inner .price,
#home-sec4 #products_slider .box .box-inner .price,
#products_slider1 .box .box-inner .price,
#products_slider2 .box .box-inner .price,
#search-results .box .box-inner .price
{
    color: #F8B400;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    position: absolute;
    top: 20px;
    left: 20px;
	width:30%;
}
#home-sec2 #products_slider .box .box-inner .content,
#home-sec4 #products_slider .box .box-inner .content,
#products_slider1 .box .box-inner .content,
#products_slider2 .box .box-inner .content,
#search-results .box .box-inner .content
{
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-align: right;
    color: #666666;
    white-space: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    width: unset;
    height: 38px;
    margin: 20px 0;
}
#home-sec2 #products_slider .box .box-inner ul,
#home-sec4 #products_slider .box .box-inner ul,
#products_slider1 .box .box-inner ul,
#products_slider2 .box .box-inner ul,
#search-results .box .box-inner ul
{
    padding: 0;
    margin: 0;
	height:50px;
}
#home-sec2 #products_slider .box .box-inner ul li,
#home-sec4 #products_slider .box .box-inner ul li,
#products_slider1 .box .box-inner ul li,
#products_slider2 .box .box-inner ul li,
#search-results .box .box-inner ul li
{
    list-style: none;
    float: right;

}
#home-sec2 #products_slider .box .box-inner ul li a,
#home-sec4 #products_slider .box .box-inner ul li a,
#products_slider1 .box .box-inner ul li a,
#products_slider2 .box .box-inner ul li a,
#search-results .box .box-inner ul li a
{
    display: block;
    text-align: center;
    height: 50px;
    font-size: 14px;
    width: max-content;
    position: relative;
    line-height: 48px;
    transition: 0.3s;
}
#home-sec2 #products_slider .box .box-inner ul li a:hover,
#home-sec4 #products_slider .box .box-inner ul li a:hover,
#products_slider1 .box .box-inner ul li a:hover,
#products_slider2 .box .box-inner ul li a:hover,
#search-results .box .box-inner ul li a:hover
{
    box-shadow: 0 4px 8px #bbbbbb;
}
#home-sec2 #products_slider .box .box-inner ul li .add-to-cart,
#home-sec4 #products_slider .box .box-inner ul li .add-to-cart,
#products_slider1 .box .box-inner ul li .add-to-cart,
#products_slider2 .box .box-inner ul li .add-to-cart,
#search-results .box .box-inner ul li .add-to-cart
{
    background: #2C786C;
    color: #fff;
    margin-left: 10px;
    padding: 0 17px 0 15px;
}
#home-sec2 #products_slider .box .box-inner ul li .add-to-cart span,
#home-sec4 #products_slider .box .box-inner ul li .add-to-cart span,
#products_slider1 .box .box-inner ul li .add-to-cart span,
#products_slider2 .box .box-inner ul li .add-to-cart span,
#search-results .box .box-inner ul li .add-to-cart span
{
    padding-right: 18px;
}
#home-sec2 #products_slider .box .box-inner .price div,
#home-sec4 #products_slider .box .box-inner .price div,
#products_slider1 .box .box-inner .price div,
#products_slider2 .box .box-inner .price div,
#search-results .box .box-inner .price div
{
    display: inline-block;
    margin-right: 2px;
    font-size: 16px;
}
#home-sec2 #products_slider .box .box-inner ul li .buy-now,
#home-sec4 #products_slider .box .box-inner ul li .buy-now,
#products_slider1 .box .box-inner ul li .buy-now,
#products_slider2 .box .box-inner ul li .buy-now,
#search-results .box .box-inner ul li .buy-now
{
    border: 1px #2C786C solid;
    color: #2C786C;
    padding: 0 10px;
}
#home-sec2 #products_slider .box .box-inner ul li object,
#home-sec4 #products_slider .box .box-inner ul li object,
#products_slider1 .box .box-inner ul li object,
#products_slider2 .box .box-inner ul li object,
#search-results .box .box-inner ul li object
{
    transition: 0.3s;
    top: 13px;
    right: 13px;
    position: absolute;
}

#home-sec2 #products_slider .owl-nav button,
#products_slider1 .owl-nav button,
#products_slider2 .owl-nav button
{
    position: absolute;
    
    height: 40px;
    width: 40px;
    display: block;
    background: #D5E4E2;
    color: #fff;
    text-align: center;
    line-height: 44px;
    transition: 0.3s;
    outline: none;
}
#home-sec2 #products_slider .owl-nav .owl-next,
#products_slider1 .owl-nav .owl-next,
#products_slider2 .owl-nav .owl-next
{
    right: -21px;
    bottom: 300px;
}
#home-sec2 #products_slider .owl-nav .owl-prev,
#products_slider1 .owl-nav .owl-prev,
#products_slider2 .owl-nav .owl-prev
{
    left: -21px;
    bottom: 300px;
}
#home-sec2 #products_slider .owl-nav button:focus-visible,
#products_slider1 .owl-nav button:focus-visible,
#products_slider2 .owl-nav button:focus-visible,
#home-sec2 .owl-carousel button.owl-dot:focus-visible
{
    outline: none;
}
#home-sec2 #products_slider .owl-nav button:hover,
#products_slider1 .owl-nav button:hover,
#products_slider2 .owl-nav button:hover
{
    background: #2C786C;
}

#home-sec2 .owl-carousel button.owl-dot,
#products_slider1  button.owl-dot,
#products_slider2  button.owl-dot{
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
    height: 12px;
    width: 12px;
    background: #D5E4E2;
    border-radius: 50px;
    margin: 0 5px;
    outline: none;
}
#home-sec2 .owl-carousel button.active,
#products_slider1  button.active,
#products_slider2  button.active
{
    background: #2C786C;
}
#home-sec2 .owl-carousel .owl-dots,
#products_slider1 .owl-dots,
#products_slider2 .owl-dots
{
    display: block;
    margin: auto;
    width: max-content;
    margin-top: 30px;
}

#home-sec3
{
    background-color: #2C786C;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 50px 0;
}
#home-sec3 h3
{
    font-weight: 800;
    font-size: 43px;
    line-height: 86px;
    color: #EAF1F0;
    text-align: right;
    width: 85%;
    margin-top: 40px;
    position: relative;
    
}
#home-sec3 h3::before
{
/*     content: "";
    background-image: url(../../assets/images/offer.svg);
    font-size: 20px;
    height: 123px;
    width: 124px;
    position: absolute;
    top: 7%;
    right: 70%;
    /* transform: rotate(45deg); */
/*     background-repeat: no-repeat; */ 
}
#home-sec3 a
{
    color: #000;
    background: #F8B400;
    transition: 0.2s;
    width: 281px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    margin-right: 0;
    font-size: 18px;
    margin-top: 30px;
    position: relative;
    padding-left: 20px;
}
#home-sec3 a object
{
    position: absolute;
    top: 20px;
    left: 40px;
    transition: 0.2s;
}
#home-sec3 a:hover
{
    padding-left: 30px;
}
#home-sec3 a:hover object
{
    left: 30px;
}
#home-sec3 img
{
    max-width: 100%;
    display: block;
    margin:auto;
    margin-left: 0;
}

#section6 .title-box::before,
#section6 .title-box::after{
/*     right: 145px; */
}
#section6 .owl-dots
{
    width: max-content;
    display: block;
    margin: auto;
}
#section6 .owl-dots button
{
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
    height: 12px;
    width: 12px;
    border-radius: 50px;
    background: #D5E4E2;
    margin: 0 5px;
}
#section6 .owl-dots button.active
{
    background: #2C786C;
}
button,
input,
textarea,
button:focus-visible,
input:focus-visible,
textarea:focus-visible
{
    outline: none;
}

#section6 .owl-carousel.owl_sty .owl-nav .owl-prev
{
    left: 42%;
    position: absolute;
}
#section6 .owl-carousel.owl_sty .owl-nav .owl-next
{
    right: 42%;
    position: absolute;
}

#home-sec4 .title-box::before,
#home-sec4 .title-box::after
{
/*     right: 177px; */
}
#home-sec4 .box
{
    margin-bottom: 30px;
}
.show-all
{
    height: 40px;
    width: 136px;
    color: #fff;
    background: #2C786C;
    display: block;
    font-size: 16px;
    line-height: 21.6px;
    text-align: center;
    font-weight: 500;
    float: left;
    transition: 0.3s;
    position: relative;
    margin-top: -50px;
}
.show-all:hover
{
    background: #F8B400;
    color: #fff;
}
.show-all object
{
    margin: 0 5px;
    position: absolute;
    left: 10px;
    top: 9px;
    transition: 0.3s;
}
.show-all span
{
    position: absolute;
    right: 20px;
    top: 8px;
    transition: 0.3s;
}

#home-sec4 .section5-home .title-box::before, #home-sec4 .section5-home .title-box::after {
/*     right: 190px; */
}

#home-sec2 #products_slider .box .box-inner ul li .buy-now:hover,
#home-sec4 #products_slider .box .box-inner ul li .buy-now:hover,
#search-results .box .box-inner ul li .buy-now:hover {
    border: 1px #f8b400 solid;
    color: #fff;
    padding: 0 10px;
    background: #f8b400;
}
#thanks-section
{

}
#thanks-section .box
{
    border: 1px #E5E5E5 solid;
    padding: 50px;
    width: max-content;
    display: block;
    margin: auto;
}
#thanks-section .box object
{
    display: block;
    margin: auto;
	margin-bottom: 20px;
}
#thanks-section .box object::before
{
    content: "";
    height: 60px;
    width: 60px;
    background: #000;
}
#thanks-section .box h3
{   
    font-size: 40px;
    line-height: 51.4px;
    color: #2C786C;
    font-weight: 900;
    text-align: center;
}
#thanks-section .box p
{
    color: #999999;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 28.8px;
    width: 65%;
    display: block;
    margin: 30px auto;
}
#thanks-section .box a
{
    display: block;
    margin: auto;
    height: 50px;
    width: 370px;
    text-align: center;
    line-height: 50px !important;
    background: #2C786C !important;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 28.8px;
    transition: 0.3s;
}
#thanks-section .box a:hover
{
    background: #f8b400 !important;
}
.not-found
{
    font-size: 25px;
    text-align: center;
    width: max-content;
    display: block;
    margin: auto;
    margin-top: 40px;
}
#search-filters
{

}
#search-filters form
{
    margin-right: 0;
    direction: rtl;
    text-align: right;
}
#search-filters form .text
{
    border: 1px #E5E5E5 solid;
    height: 40px;
    width: 370px;
    padding-right: 10px;
    font-size: 16px;
    color: #999;
    margin-left: 20px;
    text-align: right;
    transition: 0.3s;
    direction: rtl;
    margin-bottom: 20px;
}
#search-filters form .sendBtn
{
    background: #2C786C;
    border: none;
    height: 40px;
    width: 80px;
    color: #fff;
    font-size: 16px;
    transition: 0.3s;
    margin-bottom: 20px;
}
#search-filters form .sendBtn:hover
{
    background: #f8b400;
}
#search-filters form select
{
    border: 1px #E5E5E5 solid;
    height: 40px;
    width: 170px;
    padding-right: 10px;
    font-size: 16px;
    margin-left: 20px;
    color: #999;
    text-align: right;
    direction: rtl;
    transition: 0.3s;
    margin-bottom: 20px;
}
#search-filters form fieldset
{
    position: relative;
    width: max-content;
    display: inline-block;
}
#search-filters form fieldset object
{
    position: absolute;
    height: 12px;
    width: 20px;
    left: 25px;
    top: 13px;
    background: #fff;
}
#search-filters form select option
{
    
}
#search-filters form .text,
#search-filters form .sendBtn,
#search-filters form select,
#search-filters form .text:focus-visible,
#search-filters form .sendBtn:focus-visible,
#search-filters form select:focus-visible,
#search-filters form .text:hover,
#search-filters form .sendBtn:hover,
#search-filters form select:hover
{
    outline: none;
}
#search-filters form .text:hover,
#search-filters form .sendBtn:hover,
#search-filters form select:hover
{
    border-color: #2c786c;
}
.pagination
{
    width: max-content;
    display: inline-block;
    margin: auto;
    margin-top: 50px;
}
.pagination .page-numbers
{
    height: 43px;
    width: 36px;
    text-align: center;
    line-height: 43px;
    color: #fff;
    background: #fff;
    font-size: 16px;
    color: #999999;
    transition: 0.3s;
    display: inline-block;
    margin: 0 3px;
}
.pagination .current,
.pagination .page-numbers:hover
{
    color: #fff;
    background: #2C786C;
}
.pagination .next,
.pagination .prev
{
    line-height: 49px;
    position: absolute;
}
.secondary-cart 
{
    position: relative;
}
.secondary-cart span
{
    position: absolute;
    top: -8px;
    background: #FF314B;
    color: #fff;
    height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 50px;
    line-height: 20px;
    right: -7px;
}
.secondary-cart button
{
    background: none;
    border: none;
    outline: none;
}
.secondary-cart .dropdown-menu
{
    position: absolute;
    transform: translate3d(-10px, 40px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
    width: 270px;
    height: auto;
    border: none;
    border: 1px #E5E5E5 solid;
    border-radius: 0px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    padding: 20px;
}
#cart .page-title
{
    color: #2C786C;
    font-weight: 900;
    font-size: 44px;
    text-align: right;
    margin-bottom: 20px;
}
#cart .woocommerce a.remove {
    display: block;
    font-size: 1.5em;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    color: #FF928F;
    text-decoration: none;
    font-weight: 700;
    border: 0;
    border: 1px #FF314B solid;
    line-height: 26px;
    font-size: 25px;
    display: block;
}

header .cart-box .added-to-cart
{
    color: #000;
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    line-height: 28.8px;
}
header .cart-box .last-product
{

}
header .cart-box .last-product img
{
    height: 77px;
    width: 54px;
}
header .cart-box .last-product .price
{
    color: #000;
    text-align: right;
    font-size: 20px;
    font-weight: 400;
    line-height: 28.8px;
    background: none;
    position: static;
    height: unset;
    width: unset;
    text-align: right;
    display: block;
    margin-top: 10px;
}
header .cart-box .last-product .product-title
{
    font-size: 16px;
    line-height: 19.2px;
    color: #666666;
    text-align: right;
    font-weight: 400;
}
header .cart-box .others
{
    height: 48px;
    background: #F2F2F2;
    text-align: center;
    line-height: 48px;
    font-size: 14px;
    /* line-height: 19.2px; */
    color: #000;
    /* text-align: right; */
    font-weight: 400;
    margin: 20px 0;
}
header .cart-box .others div
{
    color: #FF314B;
    display: inline-block;
}
header .cart-box .total
{
    color: #000;
    font-size: 18px;
    line-height: 28.8px;
    font-weight: 400;
    text-align: right;
    display: block;
}
header .cart-box .total-value
{
    color: #000;
    font-size: 18px;
    line-height: 28.8px;
    font-weight: 400;
    text-align: left;
    display: block;
}
header .cart-box hr
{
    border: none;
    border-top: 1px #E5E5E5 solid;
    margin-top: 22px;
}
header .cart-box .total-value .amount
{
    position: static;
    background: none;
    color: #000;
    line-height: unset;
    height: unset;
    width: unset;
    border-radius: unset;
    text-align: unset;
    font-weight: 700;
}
header .cart-box .total-value .woocommerce-Price-currencySymbol
{
    position: static;
    background: unset;
    color: #000;
    height: unset;
    width: unset;
    text-align: unset;
    line-height: unset;
    font-weight: 400;
}
header .cart-box .buy-now
{
    background: #2C786C;
    height: 50px;
    line-height: 50px;
    color: #fff;
    transition: 0.3s;
    text-align: center;
    width: 100%;
    display: block;
    font-size: 18px;
    font-weight: 500;
}
header .cart-box .buy-now:hover
{
    background: #F8B400;
}
.woocommerce-message {
    border-top-color: #f8b400;
    text-align: right;
    font-size: 20px;
}
.woocommerce-message::before {
    content: "\e015";
    color: #f8b400;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: 100%;
    margin: 0;
    line-height: 50px;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: 0 20px;
    width: max-content;
    height: 50px;
    font-weight: 700;
    border-radius: 3px;
    right: auto;
    color: #ffffff;
    background-color: #2c786c;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    outline: none;
    border-radius: 0;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #f8b400;
    text-decoration: none;
    background-image: none;
    color: #ffffff;
    outline: none;
}
.woocommerce #respond input#submit:focus-visible, .woocommerce a.button:focus-visible, .woocommerce button.button:focus-visible, .woocommerce input.button:focus-visible {
    outline: none;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 80px;
    height: 50px;
    width: 250px;
    padding-right: 10px;
    font-size: 20px;
    border: none;
    border: 1px #e5e5e5 solid;
    border-radius: 0;
}
.woocommerce table.shop_table th {
    font-weight: 700;
    padding: 9px 12px;
    line-height: 38.4px;
    font-size: 22px;
    font-weight: 400;
}
.woocommerce table.shop_table .product-name a,
.woocommerce table.shop_table .woocommerce-Price-amount {
    border-top: none;
    padding: 9px 12px;
    vertical-align: middle;
    line-height: 28.4px;
    font-size: 22px;
    font-weight: 700;
    color: #000 !important;
}
.woocommerce table.shop_table .woocommerce-Price-amount .woocommerce-Price-currencySymbol
{
    font-weight: 400;
}
.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
    height: auto;
    height: 142px;
    width: 100px;
}
.woocommerce table.shop_table {
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.1) !important;
    margin: 0 0 24px -1px;
    text-align: right;
    width: 100%;
    border-collapse: separate;
    border-radius: 5px;
}
.woocommerce .cart-collaterals .cart_totals
{
    text-align: right;
}
.woocommerce .cart-collaterals{
    width: 100%;
    background: #f2f2f2;
    padding: 50px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #2c786c;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    line-height: 50px;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #f8b400;
    color: #fff;
}
.woocommerce .quantity
{
    position: relative;
}
.woocommerce .quantity input {
    width: 173px !important;
    text-align: center !important;
    height: 56px;
    font-size: 24px;
    border: none;
    font-size: 24px;
    border: 1px #ABC9C4 solid;
}
.woocommerce .quantity button
{
    height: 40px !important;
    width: 40px !important;
    border: none;
    text-align: center !important;
    background: #D5E4E2;
    color: #fff;
    position: absolute;
    max-width: 40px !important;
    padding: 0 !important;
    margin-top: 8px;
    font-size: 24px;
    transition: 0.3s;
}
.woocommerce .quantity button:hover
{
    background: #2C786C;
    border-right: unset; 
    filter: unset;
    transition: unset;
}
.woocommerce .quantity .plus
{
    right: 0;
    margin-right: 8px;
}
.woocommerce .quantity .minus
{
    left: 32px;
    margin-left: 0;
}
#customer_details .col-1,
#customer_details .col-2
{
    max-width: 100%;
    width: 48%;
}
.woocommerce form .form-row label {
    line-height: 2;
    display: block;
    width: 100%;
    text-align: right;
    font-size: 18px;
}
.woocommerce form .form-row .woocommerce-input-wrapper
{
    width: 100%;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce form .form-row select,.select2-selection {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    padding-right: 20px;
    border: none;
    border: 1px #E5E5E5 solid;
}
.select2-container--default .select2-selection--single
{
    height: 50px;
    border-radius: 0px !important;
    border-color: #e5e5e5;
    text-align: right;
}
.woocommerce form .form-row textarea
{
    height: 150px;
}
#customer_details h3,
.woocommerce-checkout h3
{
    text-align: right;
}
.woocommerce-terms-and-conditions-wrapper
{
    display: block;
    width: 100%;
    text-align: right;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: none;
    display: block;
    width: 150px;
}
.woocommerce-info,
.woocommerce-notices-wrapper,
.wc_payment_method,
.woocommerce-privacy-policy-text {
    border-top-color: #f8b400;
    text-align: right;
    font-size: 16px;
}
.woocommerce-info  a
{
    color: #2c786c;
}
.woocommerce-info::before {
    color: #f8b400;
}
.cart-empty
{
    font-size: 18px;
    text-align: center;
    margin-bottom: 0;
}
.woocommerce-message a
{
    line-height: 50px !important;
}


#product-details
{

}
#product-details h3
{
    font-weight: 700;
    font-size: 48px;
    line-height: 57.6px;
    color: #000;
    text-align: right;
}
#product-details .price
{
    padding: 0;
    margin: 0;
}
#product-details .price li
{
    list-style: none;
    float: right;
}
#product-details .price li p
{
    color: #2C786C;
    font-size: 40px;
    line-height: 48px;
    margin-left: 20px;
}
#product-details .price li:last-child p
{
    font-size: 24px;
    line-height: 28.8px;
    color: #999999;
    line-height: 50.8px;
}
#product-details .price li p strong
{
    
}
#product-details .reviews
{

}
#product-details .reviews ul
{
    padding: 0;
    margin: 0;
}
#product-details .reviews ul li
{
    list-style: none;
    float: right;
}
#product-details .reviews ul li object
{
    margin-left: 10px;
    height: 24px;
    width: 24px;
}
#product-details .reviews span
{
    font-size: 20px;
    line-height: 24px;
    color: #999999;
    text-align: right;
    display: block;
    /* height: 40px; */
    width: 100;
    margin-right: 110px;
}
#product-details .content
{
    color: #000;
    font-size: 20px;
    text-align: right;
    line-height: 24px;
    margin-top: 30px;
}
#product-details .buy-now
{
    height: 50px;
    width: 170px;
    background: #f2f2f2;
    border: 1px #2C786C solid;
    color: #2c786c;
    text-align: center;
    line-height: 45px;
    display: block;
    font-size: 18px;
    /* line-height: 21.6px; */
    float: unset;
    margin-top: 30px;
    transition: 0.3s;
    margin-right: unset;
}
#product-details .buy-now:hover
{
    background: #f8b400;
    border-color: #f8b400;
    color: #fff;
    box-shadow: 0 4px 8px #bbbbbb;
}
#product-details .add-to-cart
{
    height: 50px;
    width: 170px;
    background: #2C786C;
    border: 1px #2C786C solid;
    color: #fff;
    text-align: center;
    line-height: 45px;
    display: block;
    font-size: 18px;
    /* line-height: 21.6px; */
    float: unset;
    margin-top: 30px;
    transition: 0.3s;
    position: relative;
    outline: none;
}
#product-details .add-to-cart:hover
{
    box-shadow: 0 4px 8px #bbbbbb;
}
#product-details .add-to-cart:focus-visible
{
    outline: none;
}
#product-details .add-to-cart object
{
    position: absolute;
    top: 13px;
    right: 43px;
}
#product-details .add-to-cart span
{
    padding-right: 20px;
}
#product-details .cart .btnbtn
{
    position: absolute;
    top: 216px;
}
.add-review .desc
{
    height: 100px;
    width: 100%;
    border: 1px #e5e5e5 solid;
    padding-right: 20px;
}
.add-review .percent
{
    height: 50px;
    line-height: 50px;
    width: 100%;
    border: 1px #e5e5e5 solid;
    padding-right: 20px;
    margin: 20px 0;
}
.add-review .send-btn
{
    background: #2c786c;
    border: none;
    color: #fff;
    display: block;
    width: 150px;
    height: 50px;
    font-size: 20px;
}
.add-review-h3
{
    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 57.6px !important;
    color: #000 !important;
    text-align: right !important;
    margin-bottom: 0 !important;
    margin-top: 50px !important;
}
.added-successfuly
{
    background: #2c786c;
    color: #fff;
    text-align: center;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
}
#product-details ol li
{   
    height: 242px;
    width: 170px !important;
}   
#product-details ol li img
{
    height: 242px;
    width: 170px !important;
}
#product-details .carousel-indicators
{
    display: block;
    bottom: unset;
    right: -296px;
    height: 100%;
    overflow: hidden;
}
#product-details .carousel-indicators li
{
    margin-bottom: 10px;
}
#product-details #carouselExampleIndicators
{
    width: 75% !important;
    /* direction: ltr; */
    margin-right: auto;
}
#product-details .quantity input
{
    height: 56px;
    width: 130px;
    border: none;
    border: 1px #ABC9C4 solid;
    text-align: center;
    font-size: 27px;
    background: #f2f2f2;
}
#product-details .quantity button
{
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 31px;
    border-radius: 0;
    position: absolute;
    z-index: 999;
    top: -22px;
    
}
#product-details .quantity .plus
{
    right: 10px;
}
#product-details .quantity .minus
{
    left: 10px;
}
#product-details .btnsbtnsbtns
{
    padding: 0;
    margin: 0;
    margin-bottom: 100px;
    display: block;
}
#product-details .btnsbtnsbtns li
{
    list-style: none;
    float: right;
    margin-left: 20px;
}
#product-details .btnsbtnsbtns li a
{
    
}
#product-details .reviews-not-found
{
    text-align: right;
    font-size: 20px;
}
.copyrights1
{
    
}
.copyrights2
{
    display:none !important;
}
.hideMobile
{
    display: -webkit-inline-box;
}
.showMobile
{
    display: none;
}
.select2-selection__arrow
{
    height: 50px;
    line-height: 50px !important;
    padding-left: 40px;
}
.select2-selection__rendered
{
    height: 50px;
    line-height: 50px !important;
    padding: 0;
}
button.button.update_cart,
.coupon button
{
    line-height:1 !important;
}
.actions .button
{
    line-height: 1 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 11px !important;
}
.select2-results {
    text-align: right !important;
}
.about-breadcrumb,
.contact-breadcrumb
{
	height:auto !important;
	background: #fff7e0;
}


/* Responsive Css Style 
** Created by :
** Autor Name : Alamin Alsaafin
** Author Email : alaminsaafin96@gmail.com
** Author Phone : +972 597 803137 
*/

@media(max-width: 1200px)
{
    footer
    {
        height: auto;
    }
    footer .top-footer
    {
        padding: 50px;
    }
    footer .top-footer .footer-menu-1 ul li a, footer .top-footer .footer-menu-2 ul li a
    {
        margin-bottom: 15px;
    }
    footer .top-footer .footer-menu-1 ul, footer .top-footer .footer-menu-2 ul
    {
        margin-bottom: 30px;
        padding: 0;
    }
    footer .bottom-footer {
        height: auto;
        line-height: unset;
        padding: 20px 0;
    }
    footer .bottom-footer .copyrights {
        text-align: center;
        margin-top: 12px;
    }
    footer .bottom-footer .social-media {
        width: max-content;
        line-height: unset;
        height: unset;
        display: block;
        margin: auto;
        margin-top: 12px;
    }
    #breadcrumb object {
        top: -267px;
        left: -45px;
    }
    #about-section p {
        margin-top: 50px;
    }
    .contact-breadcrumb object {
        top: -220px !important;
        left: -49px !important;
        max-width: 62% !important;
    }
    #contact-section .wpcf7-form .wpcf7-list-item {
        margin: 0 0 0 40px !important;
        padding-right: 15px;
    }
    #contact-section .wpcf7-form .wpcf7-list-item-label {
        margin-right: 10px;
    }
    #services-details-1 #accordion {
        margin-top: 180px;
        padding-right: 70px;
    }
    .style1 object {
        top: -173px !important;
        left: -21px !important;
        max-width: 50% !important;
    }
    .demo-gallery li {
        margin: 0 7px 7px 7px;
        width: 31%;
        overflow: hidden;
    }
    .demo-gallery li:nth-child(4), .demo-gallery li:nth-child(6), .demo-gallery li:nth-child(7), .demo-gallery li:nth-child(9), .demo-gallery li:nth-child(10), .demo-gallery li:nth-child(12), .demo-gallery li:nth-child(13), .demo-gallery li:nth-child(15), .demo-gallery li:nth-child(16), .demo-gallery li:nth-child(18), .demo-gallery li:nth-child(19), .demo-gallery li:nth-child(21), .demo-gallery li:nth-child(22), .demo-gallery li:nth-child(24), .demo-gallery li:nth-child(25), .demo-gallery li:nth-child(27), .demo-gallery li:nth-child(28), .demo-gallery li:nth-child(30) {
        margin-top: -100px;
    }
    .style2-breadcrumb object {
        top: -184px !important;
        left: -49px !important;
        max-width: 52% !important;
    }
    .toggle-btn
    {
        display: block !important;
        top: 40px;
    }
    .navbar-light .navbar-toggler
    {
        display: none;
    }
    
    #section5 .texts {
        padding-right: 85px;
        padding-top: 30px;
    }
    #section5 .texts::after {
        bottom: -2%;
        left: -1%;
    }
    #section5 img
    {
        margin-top: 50px;
    }
    
    .hideinmobile
    {
        display: none !important;
    }
    .hideindesktop
    {
        display: block !important;
    }
    header .btns {
        position: absolute;
        top: 0px;
        left: 0px;
    }
    header .btns li {
        margin-right: 0;
        margin-left: 10px;
    }
    #main-section h3
    {
        width: 100%;
    }
    /*.title-box::before {
        bottom: 7px;
        right: 32%;
    }
    .title-box::after
    {
        right: 32%;
    }*/
    #home-sec1 p
    {
        margin-top: 10px;
    }
    #home-sec3 h3 {
        line-height: 66px;
        width: 100%;
        margin-top: 0;
    }
    #home-sec3 h3::before {
        top: 26%;
        right: 67%;
    }
    #home-sec3
    {
        background-size: cover;
    }
    /*#home-sec2 .title-box::before, #home-sec2 .title-box::after {
        right: 16%;
    }*/
    #section6 .owl-dots
    {
        display: none;
    }
    #home-sec2 #products_slider .box .box-inner ul li object, #home-sec4 #products_slider .box .box-inner ul li object,#products_slider1 .box .box-inner ul li object,
    #products_slider2 .box .box-inner ul li object{
        right: 50px;
    }
    #home-sec2 #products_slider .box .box-inner ul li .add-to-cart, #home-sec4 #products_slider .box .box-inner ul li .add-to-cart,
    #products_slider1 .box .box-inner ul li .add-to-cart,
    #products_slider2 .box .box-inner ul li .add-to-cart{ 
        padding: 0 70px 0 44px;
    }
    #home-sec2 #products_slider .box .box-inner ul li .buy-now, #home-sec4 #products_slider .box .box-inner ul li .buy-now,
    #products_slider1 .box .box-inner ul li .buy-now,
    #products_slider2 .box .box-inner ul li .buy-now{
        padding: 0 25px;
    }
    #section6 .owl-stage .firstactiveitem,
    #section6 .owl-stage .lastactiveitem
    {
        -webkit-filter: opacity(1);
        filter: opacity(1);
    }
    #section6 .owl-stage .active .desc
    {
        box-shadow: none;
        border:1px #E5E5E5 solid;
    }
    #section6 .owl-stage .firstactiveitem .desc,
    #section6 .owl-stage .lastactiveitem .desc
    {
        box-shadow: none;
        border:1px #E5E5E5 solid;
    }
    #product-details .cart .btnbtn {
        position: absolute;
        top: 169px;
    }
    #home-sec2 #products_slider .box img, #home-sec4 #products_slider .box img, #search-results .box img, #products_slider1 .box img, #products_slider2 .box img {
        height: auto;
    }
    #home-sec2 #products_slider .box, #home-sec4 #products_slider .box, #search-results .box, #products_slider1 .box, #products_slider2 .box {
        height: 530px;
    }
    #main-section
    {
        height:auto;
    }
}


@media(width:1024px)
{
    #home-sec2 #products_slider .box .box-inner .price, #home-sec4 #products_slider .box .box-inner .price, #products_slider1 .box .box-inner .price, #products_slider2 .box .box-inner .price, #search-results .box .box-inner .price {
        position: static;
        top: 20px;
        right: 20px;
        left: unset;
        display: block;
        text-align: right;
    }
    #home-sec2 #products_slider .box .box-inner ul li a, #home-sec4 #products_slider .box .box-inner ul li a, #products_slider1 .box .box-inner ul li a, #products_slider2 .box .box-inner ul li a, #search-results .box .box-inner ul li a
    {
        margin-bottom:20px;
    }
    #home-sec2 #products_slider .box .box-inner ul li .buy-now, #home-sec4 #products_slider .box .box-inner ul li .buy-now, #products_slider1 .box .box-inner ul li .buy-now, #products_slider2 .box .box-inner ul li .buy-now, #search-results .box .box-inner ul li .buy-now {
        padding-right: unset !important;
        padding-left: unset !important;
        display: block;
        width: 171px;
        padding: 0 !important;
    }
}


@media(max-width: 800px)
{
	#home-sec2 #products_slider .box .box-inner ul li .add-to-cart span, #home-sec4 #products_slider .box .box-inner ul li .add-to-cart span, #products_slider1 .box .box-inner ul li .add-to-cart span, #products_slider2 .box .box-inner ul li .add-to-cart span, #search-results .box .box-inner ul li .add-to-cart span
	{
		padding-right:5px;
	}
	#home-sec2 #products_slider .box .box-inner .price, #home-sec4 #products_slider .box .box-inner .price, #products_slider1 .box .box-inner .price, #products_slider2 .box .box-inner .price, #search-results .box .box-inner .price
	{
		direction:ltr;
	}
	.woocommerce .quantity .minus
	{
		left:13px;
	}
	.woocommerce .quantity .plus
	{
		left:12px;
		right:unset;
	}
    #breadcrumb
    {
        overflow: hidden;
    }
    #breadcrumb object {
        top: -178px;
    }
    #breadcrumb h1 {
        font-size: 45px;
    }
    #about-section {
        margin-top: 50px;
        padding-bottom: 40px;
    }
    #about-section p {
        margin-top: 0;
    }
    .contact-breadcrumb object {
        top: -220px;
        left: -49px;
        max-width: 62%;
    }
    .contact-breadcrumb object {
        top: -170px !important;
        left: -69px !important;
        max-width: 76% !important;
    }
    .contact-breadcrumb h1 {
        font-size: 30px !important;
    }
    .contact-breadcrumb ol {
        margin-top: 50px !important;
    }
    #contact-section .wpcf7-form .the-services {
        
    }
    #contact-section .wpcf7-form .wpcf7-submit {
        width: 100%;
    }
    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
        width: 100%;
    }
    #about-section .img-box img {
        width: 80%;
        background-size: contain;
        background-repeat: no-repeat;
        height: 350px;
        margin-top: -82px;
        /* background-position: 31px; */
        margin-right: 37px;
        display: block;
    }
    footer .bottom-footer .copyrights,
    footer .bottom-footer .social-media {
        margin-top: 20px;
    }
    #services-details-1 .carousel-inner {
        position: relative;
        width: 100%;
        margin-right: 15px;
        margin-top: -80px;
    }
    #services-details-1 .container-fluid {
        padding-right: 0;
        padding-left: unset;
    }
    #services-details-1 .container-fluid .right-side {
        background-size: cover;
        background-repeat: no-repeat;
        height: 413px;
        background-position: right;
    }
    #services-details-1 .carousel-indicators {
        bottom: -150px;
        left: auto;
        right: auto;
    }
    .style1 object {
        top: -174px !important;
        left: 12px !important;
        max-width: 51% !important;
    }
    .style1 h1 {
        font-size: 75px !important;
        color: #003263 !important;
        font-weight: 900 !important;
        text-align: right !important;
        padding-bottom: 32px !important;
        margin-bottom: 0 !important;
        margin-top: unset !important;
        line-height: 84px !important;
        font-size: 55px !important;
        margin-top: -50px !important;
    }
    .style1 ol {
        margin-top: 75px !important;
    }
    .style1 ol li a
    {
        font-size: 20px !important;
    }
    #services-details-1 {
        padding: 150px 0 50px 0;
    }
    #services-details-1 #accordion {
        margin-top: 180px;
        padding-right: 0;
        padding: 0 20px;
    }
    .about-breadcrumb object {
        top: -178px;
        max-width: 74%;
    }
    .about-breadcrumb h1 {
        font-size: 75px;
    }
    .contact-breadcrumb
    {
        padding-top: 0px;
    }
    .contact-breadcrumb object {
        top: -178px;
        max-width: 76% !important;
        top: -183px !important;
        left: -55px !important;
    }
    #services-details-2 .nav-tabs {
        position: static;
        padding: 0;
        margin-top: 20px;
    }
    #services-details-2 .nav-tabs .nav-link
    {
        margin-left: 15px;
    }
    #services-details-2 .par .desc
    {
        width: 100%;
    }
    #lightgallery
    {
        margin-right: -25px !important;
    }
    .demo-gallery li {
        margin: 5px !important;
        width: 30% !important;
        overflow: hidden !important;
    }
    .demo-gallery li:nth-child(4), .demo-gallery li:nth-child(6), .demo-gallery li:nth-child(7), .demo-gallery li:nth-child(9), .demo-gallery li:nth-child(10), .demo-gallery li:nth-child(12), .demo-gallery li:nth-child(13), .demo-gallery li:nth-child(15), .demo-gallery li:nth-child(16), .demo-gallery li:nth-child(18), .demo-gallery li:nth-child(19), .demo-gallery li:nth-child(21), .demo-gallery li:nth-child(22), .demo-gallery li:nth-child(24), .demo-gallery li:nth-child(25), .demo-gallery li:nth-child(27), .demo-gallery li:nth-child(28), .demo-gallery li:nth-child(30) {
        margin-top: -220px !important; 
    }
    .demo-gallery li:nth-child(5),
    .demo-gallery li:nth-child(8),
    .demo-gallery li:nth-child(11),
    .demo-gallery li:nth-child(14),
    .demo-gallery li:nth-child(17),
    .demo-gallery li:nth-child(20),
    .demo-gallery li:nth-child(23),
    .demo-gallery li:nth-child(26),
    .demo-gallery li:nth-child(29),
    .demo-gallery li:nth-child(32)
    {
        margin-top: -166px !important;
    }
    .style2-breadcrumb h1 {
        font-size: 45px !important;
    }
    .style2-breadcrumb object {
        top: -190px !important;
        max-width: 50% !important;
        top: -242px !important;
        left: 1px !important;
    }
    .style2-breadcrumb ol li a {
        font-size: 30px !important;
    }
    #section1 {
        background-repeat: no-repeat;
        background-position: 13px;
        background-size: contain;
        margin-top: -426px;
        padding-top: 426px;
    }
    #section1 h3
    {
        font-size: 57px;
    }
    #section1 .sec1-btn {
        margin: 40px 0;
    }
    #section1 .gotobottom object {
        display: block;
        margin: auto;
        margin-top: 50px;
    }
    .toggle-btn {
        top: -22px;
        left: 15px;
    }
    .sidenav
    {
        background-position: unset;
    }
    .sidenav .navbar-nav {
        margin-top: 50px;
        margin-right: 0;
    }
    
    #section2
    {
        padding: 50px 0;
    }
    #section3
    {
        padding: 80px 0;
        background-position: left top;
    }
    
    #section3 h3 {
        text-align: right;
        margin-top: 40px;
    }
    #section3 img
    {
        margin-bottom: 40px;
    }
    #section5 {
        padding: 120px 0 100px 0;
    }
    #section5 .texts {
        padding: 0;
    }
    #section5 .texts::before {
        top: -12%;
        right: 2%;
    }
    #section5 .texts h3 {
        font-size: 65px;
    }
    #section5 .texts .p {
        font-size: 30px;
        margin: 15px 0;
    }
    #section5 .texts .desc {
        font-size: 32px;
    }
    #section5 .texts::after {  
        bottom: -12%;
        left: 2%;
    }
    
    #main-section {
        height: auto;
    }
    #main-section h3,
    #main-section h4 {
        font-size: 50px;
        text-align: center;
        line-height: 50px;
    }
    #main-section a
    {
        margin: auto;
        margin-top: 30px;
    }
    /*.title-box::before,
    .title-box::after {
        right: 61%;
    }*/
    #home-sec3 h3::before {
        top: 55%;
        right: 60%;
        transform: rotate(45deg);
    }
    #home-sec3 img
    {
        margin-top: 50px;
    }
    /*#home-sec2 .title-box::before, #home-sec2 .title-box::after {
        right: 30%;
    }*/
    .title-box
    {
        font-size: 22px;
    }
/*  #section6 .title-box::before, #section6 .title-box::after {
        right: 125px;
    }
    #home-sec4 .section5-home .title-box::before, #home-sec4 .section5-home .title-box::after {
        right: 163px;
    }
    #home-sec4 .title-box::before, #home-sec4 .title-box::after {
        right: 148px;
    }
    #home-sec2 .title-box::before, #home-sec2 .title-box::after {
        right: 95px;
    }
    #home-sec1 .title-box::before, #home-sec1 .title-box::after {
        right: 205px;
    } */
    #products_slider .box .box-inner ul li .buy-now {
        padding: 0 40px !important;
    }
    #section6 .item .box .person {
        margin-top: 40px;
    }
    #section6 .owl-carousel.owl_sty .owl-nav .owl-next
    {
        right: 34% !important;
    }
    #section6 .owl-carousel.owl_sty .owl-nav .owl-prev
    {
        left: 34% !important;
    }
    header .btns {
        top: -62px;
    }
    #thanks-section .box {
        width: 100%;
        padding: 30px;
    }
    #thanks-section .box p
    {
        width: 100%;
        margin:20px 0;
    }
    #thanks-section .box a
    {
        width: 100%;
    }
    #thanks-section .box h3 {
        font-size: 45px;
        line-height: 43.4px;
    }
    #thanks-section .box object
    {
        margin-bottom: 20px;
    }
    #breadcrumb ol li a
    {
        font-size: 20px;
    }
    #search-filters form select {
        width: 175px;
        margin-left: 0; 
    }
    #search-filters form .text,
    #search-filters form fieldset,
    #search-filters form fieldset select
    {
        width: 100%;
    }
    #search-filters form .text,
    #search-filters form fieldset select
    {
        margin-bottom: 10px;
    }
    #search-filters form fieldset object {
        left: 5px;
    }
    #search-filters form .sendBtn
    {
        display: block;
        width: 100%;
    }
    #customer_details .col-1, #customer_details .col-2 {
        max-width: 100%;
        width: 100%;
    }
    #product-details .carousel-indicators {
        display: block;
        bottom: unset;
        right: -179px;
        height: 100%;
        overflow: hidden;
    }
    #product-details ol li {
        height: 242px;
        width: 89px !important;
    }
    #product-details ol li img {
        height: 242px;
        width: 89px !important;
    }
    #product-details h3 {
        font-size: 40px;
    }
    #product-details .price li p {
        margin-left: 10px;
    }
    #product-details .buy-now {
        width: 120px;
    }
    #product-details .cart .btnbtn {
        top: 216px;
    }
    footer .top-footer .logo {
        display: block;
        margin: auto;
        margin-bottom: 25px;
        width: 100%;
    }
    .copyrights1
    {
        display:none !important;
    }
    .copyrights2
    {
        display:block !important;
    }
    footer .bottom-footer .social-media li a {
        margin: 0 16px;
    }
    footer .top-footer .footer-menu-1 ul, footer .top-footer .footer-menu-2 ul {
        padding-right: 0;
    }
    #section6 .owl-dots {
        display: block;
    }
    #section6 .owl-carousel.owl_sty .owl-nav .owl-prev {
        left: 15% !important;
    }
    #section6 .owl-carousel.owl_sty .owl-nav .owl-next {
        right: 15% !important;
    }
    #home-sec3 h3 {
        line-height: 66.8px;
		width: 100%;
		margin-top: 0;
		font-size: 48px;
		text-align: center;
		/* margin: 0 50px; */
		margin: auto;
    }
    #home-sec3 a {
        color: #000;
		background: #F8B400;
		transition: 0.2s;
		width: 282px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		display: block;
		/* margin: auto; */
		margin-right: 0;
		font-size: 18px;
		margin: auto;
		margin-top: 30px;
		position: relative;
		padding-left: 33px;
    }
    #main-section h3 {
        width: 70%;
        display: block;
        font-size: 45px !important;
        line-height: 52.8px !important;
        margin: auto;
    }
    header .btns li {
        margin-right: 0;
        margin-left: 20px;
    }
    .hideMobile,
    .owl-nav
    {
        display: none !important;
    }
    .showMobile
    {
        display: block !important;
    }
    #section6 .owl-nav
    {
        display:block !important;
    }
    h1,h2,h3,h4,h5,h6
    {
        letter-spacing:0px !important;
    }
    .owl-carousel .item
    {
        width:auto !important;
    }
    #home-sec2 #products_slider .box .box-inner h3 a, #home-sec4 #products_slider .box .box-inner h3 a, #search-results .box .box-inner h3 a, #products_slider1 .box .box-inner h3 a, #products_slider2 .box .box-inner h3 a
    {
        font-size:24px;
		line-height: 1.2; 
    }
    #home-sec1 p {
        width: 70%;
    }
    #home-sec2 #products_slider .box .img-box:hover img,
    #home-sec4 #products_slider .box .img-box:hover img,
    #search-results .box .img-box:hover img,
    #products_slider1 .box .img-box:hover img,
    #products_slider2 .box .img-box:hover img
    {
        transform: unset;
    }
    #home-sec2 #products_slider .box, #home-sec4 #products_slider .box, #search-results .box, #products_slider1 .box, #products_slider2 .box {
        height: auto;
    }
    #home-sec2 #products_slider .box .box-inner ul li .add-to-cart, #home-sec4 #products_slider .box .box-inner ul li .add-to-cart, #products_slider1 .box .box-inner ul li .add-to-cart, #products_slider2 .box .box-inner ul li .add-to-cart, #search-results .box .box-inner ul li .add-to-cart
    {
        margin-left:18px;
    }
}

@media(width:768px)
{
    header .btns {
        top: 0;
    }
}

@media(max-width:412px)
{
    header .btns {
        top: -62px;
    }
    #home-sec2 #products_slider .box .box-inner ul li .add-to-cart, #home-sec4 #products_slider .box .box-inner ul li .add-to-cart, #products_slider1 .box .box-inner ul li .add-to-cart, #products_slider2 .box .box-inner ul li .add-to-cart, #search-results .box .box-inner ul li .add-to-cart
    {
        margin-left:20px;
        padding: 0 45px 0 30px;
    }
    #home-sec2 #products_slider .box .box-inner ul li object, #home-sec4 #products_slider .box .box-inner ul li object, #products_slider1 .box .box-inner ul li object, #products_slider2 .box .box-inner ul li object
    {
        right:24px;
    }
}
@media(max-width:380px)
{
	#home-sec2 #products_slider .box .box-inner ul li .add-to-cart, #home-sec4 #products_slider .box .box-inner ul li .add-to-cart, #products_slider1 .box .box-inner ul li .add-to-cart, #products_slider2 .box .box-inner ul li .add-to-cart, #search-results .box .box-inner ul li .add-to-cart
	{
		margin-left:15px;
	}
}
.owl-carousel {
    display: none;
}
.no-js .owl-carousel {
    display: block;
}
.owl-carousel.owl-loaded {
    display: block;
}


body,p,label,input,button,textarea,select
{
	font-family: 'Tajawal', sans-serif !important;
	font-weight: 400 !important;
}
h1,h2,h3,h4,h5,h6
{
	font-family: 'Tajawal', sans-serif !important;
	font-weight: 800 !important;
}