/*
Theme Name: Tamweel
Theme URI: https://www.livemena.com
Author: Livemena
Author URI: https://www.livemena.com
Description: Tamweel Theme
Version: 1.0
*/


html body {
    overflow-x: hidden;

    font-family: 'Cairo', sans-serif;

}

a {
    border: 0px !important;

}

.corp-table{
    overflow: hidden;
}

.corp-table th{
    background-color: #36758a;
    border: 1px solid white;
    color: white;
}
.corp-table td{
    background-color: #dbdbdc;
    border: 1px solid white;
}

.maint-container{
  width: 100%;
  z-index: 99999;
  position: fixed;
}

.maint-text{
  color: red;
}

.grey-text{
  color: #8f9296;
  font-size: 15px;
}

.blue-txt{
  color: #256378;
  font-size: 19px;
}

.title-row{
  color: #36758a;
}
.blue{
  background-color: #36758a;
  border: 1px solid white;
  color: white;
}

.dark-grey td {

  background-color: #dbdbdc;
  border: 1px solid white;
}

.grey td{

  background-color: #eeeeee;
  border: 1px solid white;
}

.wis-bl {
    margin-right: auto;
}

.img-sme{
  width: 160px;
}

.txt-l{
  text-align: right !important;
}

.txt-r{
  text-align: left !important;
}

.sme-logo-titl{
  font-size: 14px;
  color: #616262;
}

.sme-logo-txt{
  font-size: 11px;
  color: #616262;
}

.footer-apply{

  padding-right: 22px;
  padding-left: 22px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 20px;
  width: 75% !important;
  margin-top: 20px;
  background-color: #256378;
  color: white !important;
  text-decoration: none;
  font-size: 19px;

}

.hdr-apply a{
  padding-right: 22px !important;
  padding-left: 22px !important;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 20px !important;
  background-color: #256378 !important;
  color: white !important;
  text-decoration: none !important;
  margin-left: 0px;
  margin-right: 30px;
  margin-top: 6px;

}

.thq-txt{
    color: #006e7e;
}
.footer-apply:hover{
  color: #fabc16 !important;
}

.footer-cal{

  padding-right: 22px;
  padding-left: 22px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 20px;
  width: 75% !important;
  margin-top: 20px;
  background-color: #8e9196;
  color: white;
  text-decoration: none;
  font-size: 19px;

}

.leasing{
  color: #1f225b !important;
}

.personal{
  color: #1f225b !important;
}

.footer-cal:hover{
  color: #fabc16;
}

.subnavbtn:hover .sub-menu {
    display: block;
}

#tb-nc-post-271484{
  right: 30px !important;
}

.tb_see_more_btn {
  display: none !important;
}

.sub-menu {

    display: none;
    position: absolute;
    background-color: #046275;
    width: 208px;
    text-align: left;
    top: 85px;
    opacity: .9;
    padding-left: 0.5rem !important;
}

.about-top-pic img {

    width: 100%;
    height: 333px;

}

.entry-content-personal a{

  color: #8f9296;
}

.entry-content-personal a:hover{

  color: #f9c416;
}

.mobile-dis {
    display: none !important;
}

.entry-title {
    text-align: center;
    padding-top: 75px;
    padding-bottom: 20px;
    font-size: 45px;
    font-weight: bolder;
    color: #1f225b;
    position: relative;

}


div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {

  width: 60% !important;
}

div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select{
  height: 45px !important;
}

.branch-name{

    font-size: 24px;
    color: #1f225b;
}

.entry-content-branches{

      font-size: 15px;
      color: #616262;
      padding-left: 70px;
      padding-right: 70px;

}




.entry-title-personal {
    text-align: center;
    padding-top: 75px;
    padding-bottom: 20px;
    font-size: 45px;
    font-weight: bolder;
    color: #1f225b;
    position: relative;

}

.btn-calc-yellow{
    color: #1f225b !important;
    font-size: 20px !important;
    background-color: #f9c416 !important;
}

.calc-head{
  color: white;
  text-align: left;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

nav > div a.nav-item.nav-link{

  color: white !important;
  background-color: #256378 !important;
  border: 20px solid white !important;
  border-radius: 45px;
  font-size: 45px;
  padding: 10px;
}


nav > div a.nav-item.nav-link.active
{
    color: #f9c416 !important;
    background-color: #256378 !important;
}

.warning-txt{
    color: red;
}

.third-form input,select{

    width: 400px;
}
.other-field{
  margin-bottom: 20px;
}
.wpcf7-list-item{
  margin: 0 0 0 0em !important;
}
.chk{
  width: 30px !important;
}

.sbmt-btn {
    background-color: #eee;
    border: 1px solid #ddd;
    color: #333;
    font-size: 1em;
    padding: 10px 15px;
}

.sbmt-btn:hover {
background-color: #ddd;
    border: 1px solid #ccc;
    cursor: pointer;
}

.nav-tabs {
    border-bottom: 0px solid #dee2e6 !important;
}

.card.card-body{
  background-color: #256378;
  border: 15px solid rgba(0,0,0,.125);
}

.calculate-form {
  position: absolute;

}

#loading,
#result {
  display: none;
}

#loading-1,
#result-1 {
  display: none;
}
@media (max-width: 750px) {
  #loading img {
    width: 100%;
  }
}

.entry-title::after {
    position: absolute;
    content: " ";
    background-image: url('./pics/entiry-title-personal.png');
    left: 50%;
    transform: translateX(-50%);
    top: 110px;
    width: 259px;
    height: 210px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.reports-title{


}

.entry-title-personal::after {
    position: absolute;
    content: " ";
    background-image: url('./pics/entiry-title-personal222.png');
    left: 50%;
    top: 135px;
    width: 510px;
    height: 210px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    transform: translateX(-50%);
}

.btm-title {
    padding-top: 75px;
    color: #1f225b;
    position: relative;
}

.btm-title::after {
    position: absolute;
    content: " ";
    background-image: url('./pics/title-bg.png');
    left: -1px;
    top: 100px;
    width: 178px;
    height: 210px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.btm-title1 {
    padding-top: 75px;
    color: #1f225b;
    position: relative;
}

.btm-title1::after {
    position: absolute;
    content: " ";
    background-image: url('./pics/title-bg.png');
    left: -1px;
    top: 100px;
    width: 158px;
    height: 210px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}


.val-1{
  position: relative;

}



.val-2{
  position: relative;

}



.val-3{
  position: relative;

}



.val-4{
  position: relative;

}





.post-671 .wp-block-table.is-style-stripes{

  height: fit-content !important;
  overflow: hidden;
}



.post-437 .wp-block-table.is-style-stripes{

  height: 250px !important;
}

.footer-top1 {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px;
  }

.footer-top1 a {
    width: fit-content;
}

.footer-top2 {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    background-color: inherit !important;
}

.about-top-txt,
.porsonal-top-txt {
    font-size: 65px;
    color: white;
    top: 320px;
    position: absolute;
    z-index: 5;
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 3px 3px 11px #000;
}

.personal-title {
    font-size: 45px;
    color: #006e7e;
}

.personal-cond {

    color: #1f225b;
    font-weight: bold;
    font-size: 30px;
    padding-top: 50px;
    text-align: left;
    position: relative;
}

.top-menu .navbar-nav {

  flex-direction: inherit !important;
}

.online-at-content{

  padding-left: 100px !important;
}

#wpforms-submit-692{

padding-top: 5px !important;
padding-bottom: 5px !important;
border-radius: 20px !important;
width: fit-content !important;
margin-top: 20px !important;
background-color: #256378 !important;
color: #fff !important;
text-decoration: none !important;
font-size: 20px !important;
}

#wpforms-submit-692:hover {

    color: #fac411 !important;

}

#wpforms-submit-703{

padding-top: 5px !important;
padding-bottom: 5px !important;
border-radius: 20px !important;
width: 20% !important;
margin-top: 20px !important;
background-color: #256378 !important;
color: #fff !important;
text-decoration: none !important;
font-size: 20px !important;
}

#wpforms-submit-703:hover {

    color: #fac411 !important;

}

#loading-1 img {

  width: 95%;
}

#loading img {

  width: 95%;
}





.entry-content-personal {
    font-size: 18px;
    color: #616262;
    padding-left: 70px;
    padding-right: 70px;
    text-align: left;
    padding-top: 55px;
}

.personal-conditions {
    text-align: left;
}


.entry-content {
    font-size: 18px;
    color: #616262;
    padding-left: 70px;
    padding-right: 70px;
}

.sub-menu li a {

    color: white !important;

}

.sub-menu li {

    padding: 0px !important;

}

.footer-img {

    width: 65px;
    position: absolute;
    left: 0px;
    bottom: 35px;
}

.nav-link {
    color: #1f225b !important;
    font-size: 20px;
}

.nav-link:hover {

    color: #fac411 !important;

}


.top-menu.sticky-top {

    background-color: #8f9296;
    color: white;
}

.items-top {
    text-align: left;
    margin-right: 785px;
}

.top-menu-text {

    text-decoration: none;
    padding: 25px;
    color: white
}

.top-menu-text:hover {

    color: #fac411 !important;

}

.top-position {

    top: 24px !important;
}

.header-btns {
    padding-top: 15px;

}

.wp-block-webfactory-map1 {

    margin-bottom: 100px;

}

.slider-3 .slick-slide img {
    display: inline-block !important;
    height: 100%;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
.slick-slide img {
    display: inline-block !important;
    height: 100%;

}

.title-leasing{

  text-align: center;
}

.calculate-form .card-body {

}

.footer-imgs {

    width: 100px;
}

.reports-title a{
  color: black;
  text-decoration: none;
}

.reports-title a:hover{

  text-decoration: underline !important;
  color: black !important;
}



.quarters{

  background-color: white;
  border-radius: 20px;
  color: black;
  margin-top: 10px;
  margin-bottom: 0px;
}



.quarters .wp-block-buttons{

  background-color: #006e7e;
  border-radius: 5px;
  color: white;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 25px;
}

.is-style-outline>:where(.wp-block-button__link), :where(.wp-block-button__link).is-style-outline{
  padding: 0em 1.333em !important;
}

.bg-home {


    background-size: cover;
    background-repeat: no-repeat;
    background-color: white;
    background-position: center bottom;
    position: relative;
}

.slider-title {

    font-size: 60px;
    padding-top: 40px;
    font-weight: bold;
    position: relative;
    display: inline-block;
}

.aboutus-img {
    position: relative;
    padding-right: 120px;
    padding-top: 80px;

}

.aboutus-img img {
    width: 90%;
    height: 90%;
}

.slider-txt {

    position: relative;


}

.slider-second .slick-slide.slick-current.slick-active {

    height: 100%;

}


.slider-title span img {
    display: inline-block;
    transform: rotate(270deg);
    margin-top: -150px;
    margin-right: -66px;
    height: 60px;
}

.opac-nav {


    padding-top: 5px !important;

}

.bottom-border {

    border-bottom: solid 1px #144d24;
}

.about-txt {

    color: #1f225b;
    font-weight: bolder;

}

.about-title p {

    font-size: 50px;

}

.about-title {

    position: relative;
}

.about-title:before {

    position: absolute;
    content: " ";
    background-image: url('./pics/entiry-title-personal.png');
    width: 375px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0px !important;
    top: 40px;
    z-index: -1;
}

.Know-btn {
    position: relative;
    z-index: 1;
}


.Know-btn a {

    padding: 0px;
    width: 75% !important;
    margin-top: 20px;
    color: #1f225b;
    text-decoration: none;
    font-size: 21px;
}

.Know-btn a:hover {
    color: #1f225b;
}

.about-desc {

    font-size: 16px;
    font-weight: lighter;
}

.slider-txt:before {

    position: absolute;
    content: " ";
    background-image: url(./pics/Group_12_bd@2x.png);
    right: 0px;
    top: 325px;
    width: 157px;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;

}

.orange-color {

    color: #f0844d !important;
}

.orange-color-footer {

    color: #f0844d !important;
}

.green-color {

    color: #1f225b !important;
}


.prevarr {
    padding-right: 40px !important;
}

.btn_success {

    background-color: #144d24 !important;
    color: #e9d608 !important;
}

.bene-scroll {

    position: absolute;
    right: 0;
    height: 75%;
    overflow-y: scroll;


}

.bene-scroll::-webkit-scrollbar {
    width: 4px;

}

.bene-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
    width: 1px;
}

.bene-scroll::-webkit-scrollbar-thumb {
    background: #348d5f;
    border-radius: 20px;
}

.bene-post {

    border-bottom: 1px solid #e1e1e1;

}

.desc-txt {
    width: 70% !important;
}

.categories-bg .nav-tabs .nav-link.nav-home:before {

    font-size: 25px !important;
}

.navbar .nav-tabs,
.categories-bg .nav-tabs {

    border: 0px !important;
}

.color-green {
    color: #2a9941 !important;
}

.navbar-toggler {
    background-color: #2a9941;
    color: white;
}


.nav-tabs .nav-link {
    border: none;
}

.img-radius {
    border-radius: 20px;
}
.pic-discover {

    position: relative;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.top-title {
    color: #f9c416;
    font-size: 40px;
}

.top-content {
    color: white;
    font-size: 80px;
}

.pic-discover img {
    width: 100%;
    height: 100% !important;
}


.prod-discover {

    position: absolute;
    top: 50px;
    right: 260px;

}

.entry-content strong{

  color: black !important;
}

.sticky-top {

    background-color: white;
    padding-bottom: 0px !important;
}

.txt-desc {

    font-size: 10px;
}

.discover-btn {
    color: #f9c416;
    border: none;
    font-size: 35px;
    cursor: pointer;
    text-decoration: none;
}

.discover-btn:hover {
    text-decoration: none !important;
    color: #efd708;
}

.discover-btn-order {
    color: #f9c416;
    border: none;
    font-size: 50px;
    cursor: pointer;
    text-decoration: none;
}

.discover-btn-order:hover {
    text-decoration: none !important;
    color: #efd708;
}

.txt-title {

    font-weight: bolder;
    font-size: 25px;
    margin-top: -22px;
}

.nav-black > ul {
    background-color: white;
    border-bottom-width: 0px !important;
}

.nav-black .nav-link {
    text-decoration: none;
    color: black;
}

.nav-black .nav-link.active {

}

.nav-green > ul {
    background-color: green;
}

.nav-green .nav-link {
    text-decoration: none;
    color: white;
}

.menu-item-24 {

    padding-top: 10px;

}

.contact-menu {

    margin-right: 25px;

}

.order-btn {

    background-color: #144d24;
    border-radius: 9px;
    color: #e9d608;
    border: none;
    padding: 14px 25px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    font-weight: lighter;
    text-decoration: none;
    margin-top: -7px;
    order: 20;
}

.contact-us-menu {

    margin-right: 25px;
}

.order-btn a {
    color: #e9d608;
    text-decoration: none;
}

.order-btn a:hover {
    color: #ffffff;
    text-decoration: none;
}

.order-btn.bg-orange {
    background-color: #F07930;
}


.order-btn.bg-orange a {
    color: #ffffff;
}

.order-btn.bg-orange:hover {
    background-color: #ffffff;
}

.order-btn.bg-orange:hover a {
    background-color: #ffffff;
    color: #F07930;
}

.menu-footer-menu-container {

    display: flex;

}

.menu-footer-menu-en-container {

    display: flex;

}

.nav-link.footer-links:hover a {
    color: red !important;
}

.logo-img {

    display: block;
    position: absolute;
    top: -11px;
}


.logo-img img {

    width: 300px;
}


.otgs-development-site-front-end {

    display: none;
}


.footer-links {

    font-size: 30px;

}

.footer-links-social {

    font-size: 15px;
}

.footer-links-social i::before:hover {

    color: red !important;
}

.footer-links-social i::before {

    color: #5f6060;
}

.footer-bg {
    position: relative;
    background-color: #f1f1f1;
    height: 340px;
    padding-top: 30px;
}

.footer-logo {

    width: 250px;
}


.inst-pics {
    position: relative;
    border: solid;
    border-width: 1px;
    border-color: #707070;
    border-radius: 30px;
}

.inst-pics img {

    border-radius: 20px;
    width: 100%;
}

.inst-pics:after {

    position: absolute;
    content: " ";
    background-image: url(./pics/Group_10.png);
    right: -112px;
    top: 120px;
    width: 100px;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;

}

.inst-txt {
    font-size: 60px;
    font-weight: bolder;
    line-height: 60px;
    position: relative;
}

.inst-txt-footer {
    font-size: 60px;
    font-weight: bolder;

}

.bene-txt p {

    font-size: 12px !important;
    font-weight: lighter;
}

.subnavbtn.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children a {
    height: 70px;

}

.nav-black .nav-link.active {

    color: #f9c416 !important;

    font-weight: bold;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    height: 3px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #cdd0d3;
    width: 32px;
    padding-right: 10px;
}

.slick-dots {

    display: flex !important;
    justify-content: center;
    margin-top: 20px;
    padding-left: 13px;
    padding-right: 0px;

}

.slick-dots li {

    display: inline-block;
    font-size: 20px;
    padding: 3px;
}

.slick-dots .slick-active button {
    background: #1f225b;
}

.prevarr .fa-solid, .fas {

    color: black;
    font-size: 20px;
    font-weight: lighter;
    opacity: .7;


}

.slider-first img {

    margin: auto;

}

.fa-chevron-left {

    /*padding-top: 150px;*/
}


.fa-chevron-right {

    /*	padding-top: 150px;*/
}

.slider-first p {

    text-align: center;
    width: auto;
    padding: 10px;
}

.social-title {

    font-size: 40px;
    font-weight: bold;
    position: relative;
    color: #1f225b;
    padding-right: 20px;
    z-index: 2;
}

.social-title::after {

    position: absolute;
    content: " ";
    background-image: url('./pics/entiry-title-personal.png');
    left: 0px;
    top: 31px;
    width: 265px;
    height: 210px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;

}

.slider-3 p {

    text-align: left;
    font-weight: bold;
    color: white;
}

.slider-3 {
    padding-left: 0px !important;

}

.slider-desc {
    margin-bottom: 0px;
    font-size: 10px;
    bottom: 10px;
    position: absolute;
    text-align: right;
    padding: 0px 20px;
}

.prod-arr img{
  width: 30px !important;
}

.prod-arr {
  position: relative;
  bottom: 10px;
}

.slider-desc2 {
    color: #616262;
    padding-right: 20px;
    padding-left: 10px;
    bottom: 12px;
}

.slider-4 p {

    text-align: left;
    width: auto;
    padding-left: 25px;

    font-weight: bold;
}

.said-aboutus-title {
    text-align: center;
    margin-top: 35px;
    position: relative;
    z-index: 3;
}

.said-aboutus-title::after {

    position: absolute;
    content: " ";
    background-image: url(./pics/title-bg.png);
    left: 50%;
    top: 85px;
    width: 205px;
    height: 210px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    transform: translateX(-50%);

}

.products-title {
    position: relative;
    z-index:2;
}

.products-title::after {

    position: absolute;
    content: " ";
    background-image: url('./pics/entiry-title-personal.png');
    left: 0px;
    top: 90px;
    width: 288px;
    height: 210px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;

}

.slider-4 .item-box {

    border-radius: 25px;
    border: solid 1px #f5f5f5;
    padding: 3px;
    text-align: center;
    background-color: #f5f5f5;
    margin-top: 30px;
}

.slider-3 .item-box.slick-slide {


}

.cart-btn {

    display: flex;
    justify-content: left;
    padding-left: 24px;
    padding-bottom: 15px;


}

.prevarr1 .fa-chevron-left {

    color: #606f9e;
    font-size: 60px;

}

.prevarr1 {
    position: absolute;
    top: 50%;
    left: 20px;
    z-index: 2;
    transform: translateY(-50%);
}

.nextarr1 .fa-chevron-right {

    color: #606f9e;
    font-size: 60px;
}

.nextarr1 {
    position: absolute;
    top: 50%;
    z-index: 2;
    right: 60px;
    transform: translateY(-50%);
}

.categories-bg .nav-tabs button.nav-link:hover,
.categories-bg .nav-tabs button.nav-link.active {
    color: inherit !important;
    background-color: white !important;
    background-image: inherit;
    border: 0px;

}

.cat-mask {
    -webkit-mask: url(pics/cat-mask-svg.svg) no-repeat 50% 50%;
    -webkit-mask-size: 100%;
    mask-image: url(pics/cat-mask-svg.svg) no-repeat 50% 50%;
    mask-size: 100%;
    -webkit-mask-box-image: url(pics/cat-mask-svg.svg) 10 no-repeat;
    mask-border: url(pics/cat-mask-svg.svg) 10 no-repeat;
    font-size: 12px;
    line-height: 46px;
}


.slider-5 {
    top: -17px;
}

.nav-tabs button.cat-mask img {

    filter: brightness(0) invert(1);
    width: 15px;
    margin-right: 5px;

}

.nav-tabs button.cat-mask:hover img,
.nav-tabs button.cat-mask.active img {
    filter: none;

}


.categories-bg {

    background-image: url(./pics/Path-1125.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.slider-3-wrapper {
    background-color: #f5f5f5;

}

.slider-4.item-box {

    text-align: center;

    margin-top: 30px;
}

.slider-img{
    position: relative;

}
.slider-img img {

    width: 100%;
    height: 100%;
}

.slider-title-home {
    color: #1f225b;
}

#products {
    background-color: #f5f5f5;
    margin-top: 50px;
}

.slider-4 .slick-dots button {


}

.contact-content p {

    display: flex;
    text-align: start;

}


.contact-page-title {

    font-size: 50px;
}

.contact-content iframe {

    border-radius: 30px;
}

.wp-block-webfactory-map {

    width: 80%;
    border-top: 1px solid;
    padding-top: 30px;
}

.contact-content {

    color: #676666;
}

.border-bottom-class {

    border-top: solid 1px white;
    margin-top: 10px !important;
}

.orange-color2 {

    display: inline-block;
    color: #f0844d;
    margin-left: -37px;
    padding-right: 10px;
    font-weight: bolder;
}

.border-top-class {

    border-bottom: solid 1px #144d24;
    margin-bottom: 56px;
}

.item-box2 {
    border-radius: 25px;
    border: 0px;
    padding: 3px;
    text-align: center;
    background-color: white;
    height: 100%;
    margin-top: 30px;
}

.leftmargin {
    margin-left: 430px !important;
}


.nav-item {
    list-style-type: none;
}

.menu-menu-2-container ul {
    padding: 0px !important;
}

.menu-menu-2-container a {
    padding-top: 0px !important;
    padding-left: 35px !important;
}


.about-img {

    position: absolute;
    top: 0px;
    right: -170px;
}

.bene-title-about {

    font-size: 60px;
}

.navbar-light .navbar-toggler-icon {

    background-image: url(pics/menu.png) !important;
}

svg {
    fill: red ;
}

.navbar-light .navbar-toggler {

    border: 0px;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none !important;
    box-shadow: none !important;
}


.navbar .navbar-collapse.nav-black.show {

    margin-top: 0px !important;
    margin-right: 140px !important;
}

.benefits-title p {

    font-size: 45px;
}

.benefits-title {

    width: 100%;
    position: relative;
}


.dash-mob {

    display: none !important;
}

.dash-desk {

    display: block;
}


@media screen and (max-width: 1400px) {
    .slider-title:after {

        right: 122px;
        top: 18px;
    }

    .prod-discover {
        position: absolute;
        top: 20px;
        right: 160px;
    }

    .top-title {
        color: #f9c416;
        font-size: 30px;
    }

    .top-content {
        color: white;
        font-size: 50px;
    }

    .slider-3 .slick-list.draggable {
        padding: 0 0 0 0% !important;
    }



    .slider-desc {
        font-size: 11px;
    }


}


.recipes-page-title p {

    font-size: 60px;

}

.recipe-content p {

    display: flex;
    text-align: start;

}


.recipe-content {

    position: relative;

}


.main-post-text {
    position: absolute;
    width: 20%;
    color: white;
    top: 170px;
    left: 60px;
    opacity: 0.7;
    opacity: 0.9;
    border-radius: 15px;
    background-color: #666666;
}

.recipe-content iframe {

    width: 100%;
    height: 450px;
    border-radius: 60px;

}

.recipes .more-details {

    width: fit-content !important;
    position: absolute;
    top: 310px;
    left: 60px;
}

.right-slider .slick-list {
    padding: 0 30% 0 0 !important;
}

.slider-3 .slick-list {
    padding: 0 40% 0 0 !important;
}



.right-slider .cut {
    margin-right: -150px;
}

.left-slider .cut {
    margin-left: -150px;
}

.title-shine {
    position: relative;
}


.right-slider .inst-txt:after {
    display: block;
    position: absolute;
    content: " ";
    background: url(pics/arrow-right.png);
    width: 150px;
    height: 150px;
    right: 0px;
    bottom: -180px;
    background-size: contain;
    background-repeat: no-repeat;
}

.left-slider .inst-txt:after {
    display: block;
    position: absolute;
    content: " ";
    background: url(pics/arrow-left.png);
    width: 150px;
    height: 150px;
    left: 0px;
    bottom: -180px;
    background-size: contain;
    background-repeat: no-repeat;
}

.title-shine:after {
    display: block;
    position: absolute;
    content: " ";
    background: url(pics/shine.png);
    width: 72px;
    height: 60px;
    right: -30px;
    top: -30px;
    background-size: cover;
    background-repeat: no-repeat;

}

.title-shine.green:after {
    background-image: url(pics/title-shine-green.png);
}

.green-shine {
    position: relative;
    display: inline-block;
}

.green-shine:after {
    display: block;
    position: absolute;
    content: " ";
    background: url(pics/green-shine.png) no-repeat;
    width: 20%;
    height: 50%;
    right: -16%;
    top: -8%;
    background-size: contain;
}

.product-details {
    padding-top: 90px;
}

.entry-tax {
    flex-wrap: wrap;
}

.entry-tax .cat-mask {
    min-width: 150px;
}

.entry-tax .cat-mask img {
    width: 30px;
    margin-right: 5px;
    filter: brightness(0) invert(1);
}

.product-bg {
    background: url("pics/product-bg.png") no-repeat center;
    background-size: 100%;
}

.col-sm-2.product-preview {
    width: 115px;
}

.share-links i {
    font-size: 1em;
    color: #6b6656
}

.share-links a {
    text-decoration: none;
}

.share-links a:hover {
    opacity: 0.8;
}

.product-tabs .nav-tabs .nav-link {
    color: #144D24;
}

.product-tabs .nav-tabs .nav-link.active {
    border: 0px;
    border-bottom: 2px solid #F07930;
    color: #F07930;
}

.recipes .title-shine {
    font-size: 60px;
}

.recipes .overflow-wrapper {
    position: relative;
    border-radius: 40px;
    overflow: hidden;
}

.recipes .overflow-wrapper .overlay {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 18% 80px;
    background: rgba(0, 0, 0, 0.8);
}

.white-color {
    color: #ffffff;
}

.recipe-img {
    text-align: center;
}

.recipe-img img {
    max-height: 100px;
    width: auto;
}

.recipes .overflow-wrapper img {
    width: 100%;
}

.Know-btn::after {

    right: 0px;
    top: 15px;
    width: 105px;

}

#menu-footer-menu .footer-links {
    font-size: 17px;
    color: #5f6060 !important;
    font-weight: bold;
    padding-right: 10px;
    padding-left: 10px;
}

#menu-footer-menu .footer-links:hover {

    color: #fac411 !important;
}

#menu-footer-menu-en .footer-links {
    font-size: 15px;
    color: #5f6060 !important;
    font-weight: bold;
    padding-right: 10px;
    padding-left: 10px;
}

#menu-footer-menu-en .footer-links:hover {

    color: #fac411 !important;
}

.footer-rights {

    font-size: 10px;
    text-align: end;
}

.footer-links-margin {

    padding-top: 50px;

}

.footer-menu {

    margin-right: 15px;
    margin-left: 60px;

}

.gray-bg{
    background: #f5f5f5;
}

.silder-wrapper{
    padding-left: 100px;
}

.menu-footer-menu-container{
    margin-top: 20px;
}
.menu-footer-menu-en-container{
    margin-top: 20px;
}

.footer-img99{
  width: 100%;
}

@media screen and (max-width: 850px) {

  .logo-img {

      right: 0px;
      top: -21px;
    }

.logo-img img{
  width: 230px;
}
.sub-menu {

  top: 124px;
  left: 189px;
  }


}



@media screen and (max-width: 570px) {

  .footer-img99 {
      width: 100%;
      margin-top: 30px;
  }

  .quarters .wp-block-columns{

    width: 50%;
  }



  .reports-board-btn a{

    margin-bottom: 15px;
  }

  .subnavbtn.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children a {
      height: 50px;
  }

  .subnavbtn:hover .sub-menu {
    display: contents;
  }

.navbar-expand-lg{

  padding-top: 0px !important;
}

.collapse-horizontal{

  position: relative;
  height: 1000px;
}

.footer-rights{

  text-align: center;
}

  #tb-nc-post-271484{
    right: 0px !important;
  }
    .silder-wrapper{
        padding: 0px;
    }

    .porsonal-top-txt {
        font-size: 26px;
        top: 140px;
        width: fit-content;
    }

    .entry-title-personal::after {

    top: 98px;
    width: 200px;
  }

    .top-menu-text {
        padding: 14px;
        font-size: 12px;
    }

    .personal-conditions {
        width: 260px;
    }



    .entry-content-personal {
        font-size: 18px;
        color: #616262;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        padding-top: 55px;
    }


    .items-top {
        text-align: end;
        margin-right: 0px;
    }

    .top-position {

        height: 75px;
    }

    .logo-img {

        top: 0px;
        left: 80px !important;
        position: relative;
    }

    .discover-btn {
        color: #f9c416;
        border: none;
        font-size: 20px;
        cursor: pointer;
        text-decoration: none;
    }
    .discover-btn-order {
        color: #f9c416;
        border: none;
        font-size: 20px;
        cursor: pointer;
        text-decoration: none;
    }

    .top-title {
        color: #f9c416;
        font-size: 14px;
    }

    .top-content {

        font-size: 17px;
    }

    .discover-btn {

        font-size: 14px;

    }

    .discover-btn-order {

        font-size: 14px;

    }

    .prod-discover {
        position: absolute;
        top: 2px;
        right: 33px;
    }

    .entry-content {
        font-size: 13px;
        color: #616262;
        padding-left: 40px;
        padding-right: 40px;
    }

    .entry-content-branches{
        font-size: 13px;
        color: #616262;
        padding-left: 40px;
        padding-right: 40px;
    }

    .pic-discover img {
        width: 106%;
        height: 101%;
        margin-right: 0px !important;
    }

    .about-title:before {
        position: absolute;
        content: " ";
        background-image: url('./pics/entiry-title-personal.png');
        width: 295px;
        height: 100px;
        background-size: contain;
        background-repeat: no-repeat;
        right: 5px !important;
        top: 50px;
        z-index: -1;
    }

    #about {
        padding-right: 20px;
    }

    .products-title {
        right: 0px;
    }

    .products-title::after {

        right: -4px;
        top: 65px;
        width: 180px;
        height: 210px;
        z-index: -1;
    }

    .slider-3 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .prevarr span, .prevarr4 span {
        margin-left: 30px !important;
    }

    .slider-3 .slick-list {
        padding: 0 0 0 30% !important;
    }



    .footer-menu {
    margin-right: 0;
    margin-left: 0px;
    padding-left: 22% !important;
}



    .prevarr1 .fa-chevron-left {
        color: #606f9e;
        font-size: 20px;
        bottom: 240px;
        position: relative;
    }

    .nextarr1 .fa-chevron-right {
        color: #606f9e;
        font-size: 20px;
        position: relative;
        bottom: 240px;
    }

    .slider-second .slick-slide.slick-current.slick-active {
        height: 150px;
    }

    .footer-bg {
        background-color: #f1f1f1;
        height: 670px;
        padding-top: 30px;
    }

    .menu-footer-menu-container {

        width: min-content;
    }

    .menu-footer-menu-en-container {

        width: min-content;
    }

    .slider-desc p {

        font-size: 12px !important;
    }

    .footer-top1 {
        display: block !important;
        text-align: center;
    }

    .footer-top2 {
        display: block !important;
        text-align: center;
    }

    .footer-top2 a {
        padding-left: 12px;
        padding-bottom: 0px;
    }
    .green-color-back {

        background-color: #f5f5f5 !important;
    }

    .nextarr span {
        margin-right: -544px !important;

    }

    .menu-social-links-container {
        padding-left: 28%;
    }

    .footer-rights {
        padding-left: 20px !important;
    }

    #menu-footer-menu .menu-item {
        width: 215px !important;
    }

    #menu-footer-menu-en .menu-item {
        width: 215px !important;
    }

    #menu-footer-menu {
        text-align: center;
    }

    #menu-footer-menu-en {
        text-align: center;
    }

    .footer-bg {
        text-align: center;
    }



    .slick-dots {
        padding-right: 0px !important;
        margin-right: -15px;
    }

    .mobile-dis {
        display: none !important;
    }

    .social-img {
        width: 100%;
    }

    .social-title::after {

        top: 27px;
        width: 175px;
        right: 11px;
    }

.social-title{
margin-top: 40px;
}
    .said-aboutus-title::after {

        right: 102px;
        top: 66px;
        width: 93px;
    }

    #collapsibleNavbar {

        background-color: #f1f1f1;
    }

    .about-top-txt {
        font-size: 45px;
        top: 140px;
        width: max-content;
    }

    .slider-desc{
        margin-bottom:20px;
    }

    .logo-img img{
        width: 240px;
        margin-right: 55px !important;
    }
    .about-desc {

        width: 95%;
    }

    .about-txt {

    width: 90% !important;
}

.about-top-pic img{
  height: 110px;
}

.header-btns {
    padding-top: 20px;

}

.navbar-toggler{

  position: absolute;
  z-index: 55555;
  top: 20px;
  left: 0px;
}

.sub-menu li a {
  color: #1f225b !important;
  padding-left: 15px !important;
}
.hdr-apply {
  text-align: center;
}

.top-menu .navbar-nav {
    justify-content: center !important;
}

.corp-cond::after {
    right: 0px;
    top: 70px;
    width: 335px !important;

}

.txt-l{
  text-align: center !important;
}

.txt-r{
  text-align: center !important;
}
.maint-text {
    color: red;
    font-size: 10px;
}

}

/*end of media query*/