/*
    HOME
*/

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

    Template Name: Koparion - Book Shop HTML5 Template
    Version: 2

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Template Default CSS (body, link color, section etc) Done
	2. Header-area  Done
		2.1 Header top area
		2.2 Header mid area
		2.3 Main menu area
	3. Banner area  Done
	4. Slider area  Done
	5. Product area Done
	6. Bestseller area  Done
	7. Banner static area   Done
	8. Most product area    Done
	9. Testimonial area     Done
	10. Recent post area    Done
	11. Social group area   Done
	12. Footer              Done
		12.1  Footer top
		12.2  Footer mid
		12.3  Footer bottom
	18. Shop page       Done
	19. Product details Done
	20. Blog page       Done
	21. Blog details    Done
	22. Login
	23. Register
	24. Contact
	25. About
	29. 404 page        Done
	

-----------------------------------------------------------------------------------*/
/* google-font */
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Rufina:400,700');*/
@font-face {
    font-family: 'Bahij Hassan';
    src: url('fonts/pashtofonts/Bahij Hassan-Regular.ttf');
}
@font-face {
    font-family: 'Bahij Badr';
    src: url('fonts/pashtofonts/Bahij Badr-Light.ttf');
}
@font-face {
    font-family: 'Bahij Titr';
    src: url('fonts/pashtofonts/Bahij Titr-Bold.ttf');
}
@font-face {
    font-family: 'Bahij Koodak';
    src: url('fonts/pashtofonts/Bahij Koodak-Regular.ttf');
}
@font-face {
    font-family: 'Bahij TheSansArabic Light';
    src: url('fonts/pashtofonts/Bahij TheSansArabic-Bold.ttf');
}
html,
body {
    height: 100%;
}
.floatleft {
    float: right; /* Modified */ 
}
.floatright {
    float: left; /* Modified */
}
.alignleft {
    float: right; /* Modified */
    margin-left: 15px; /* Modified */
    margin-bottom: 15px
}
.alignright {
    float: left; /* Modified */
    margin-right: 15px; /* Modified */
    margin-bottom: 15px
}
.aligncenter {
    display: block;
    margin: 0 auto 15px
}
a:focus {
    outline: 0px solid
}
img {
    max-width: 100%;
    height: auto
}
.fix {
    overflow: hidden
}
p {
    margin: 0 0 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
    font-family: 'Bahij Titr', sans-serif;
    color: #fff;
    font-weight: 900;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
a {
    transition: all 0.3s ease 0s;
    text-decoration: none;
}
a:hover {
    color: #ec4445;
    text-decoration: none;
}
a:active,
a:hover {
    outline: 0 none;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: medium none;
    outline-offset: -2px;
}
ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}
.clear {
    clear: both
}
body {
    font-family: 'Bahij Hassan', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #666;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.mtb-70 {
    margin: 70px 0;
}
.mb-25 {
    margin-bottom: 25px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mb-70 {
    margin-bottom: 70px;
}
.mb-18 {
    margin-bottom: 18px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-75 {
    margin-top: 75px;
}
.mt-70 {
    margin-top: 70px;
}
.mt-16 {
    margin-top: 16px;
}
.mtb-100 {
    margin: 100px 0;
}
.mtb-95 {
    margin: 95px 0;
}
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-60 {
    margin-top: 60px;
}
.mt-80 {
    margin-top: 80px;
}
.pt-10 {
    padding-top: 10px;
}
.pt-40 {
    padding-top: 40px;
}
.pt-90 {
    padding-top: 90px;
}
.pt-50 {
    padding-top: 50px;
}
.pt-170 {
    padding-top: 170px;
}
.ptb-10 {
    padding: 10px 0;
}
.ptb-20 {
    padding: 20px 0;
}
.ptb-30 {
    padding: 30px 0;
}
.ptb-35 {
    padding: 35px 0;
}
.ptb-50 {
    padding: 50px 0;
}
.ptb-40 {
    padding: 40px 0;
}
.ptb-60 {
    padding: 60px 0;
}
.ptb-70 {
    padding: 70px 0;
}
.ptb-100 {
    padding: 100px 0;
}
.pb-20{
    padding-bottom: 20px;
}
.pb-50 {
    padding-bottom: 50px;
}
.pb-140 {
    padding-bottom: 140px;
}
.pb-210 {
    padding-bottom: 210px;
}
.pb-200 {
    padding-bottom: 200px;
}
.pb-70 {
    padding-bottom: 70px;
}
.pt-70 {
    padding-top: 70px;
}
.pl-100 {
    padding-right: 100px; /* Modified */
}
.pl-295 {
    padding-right: 295px; /* Modified */
}
.pl-40 {
    padding-right: 40px; /* Modified */
}
.pt-85 {
    padding-top: 85px;
}
.pt-154 {
    padding-top: 154px;
}
.pb-25 {
    padding-bottom: 25px;
}
.pb-154 {
    padding-bottom: 154px;
}
.pb-180 {
    padding-bottom: 180px;
}
.pb-135 {
    padding-bottom: 135px;
}
.pt-135 {
    padding-top: 135px;
}
.pt-215 {
    padding-top: 215px;
}
.pb-100 {
    padding-bottom: 100px;
}

.pb-145 {
    padding-bottom: 145px;
}
.pb-90 {
    padding-bottom: 90px;
}
.pt-125 {
    padding-top: 125px;
}
.pt-105 {
    padding-top: 105px;
}
.pt-95 {
    padding-top: 95px;
}
.pt-100 {
    padding-top: 100px;
}
.pb-130 {
    padding-bottom: 130px;
}
.pb-225 {
    padding-bottom: 225px;
}
.bg-img {
    background-position: center center;
    background-size: cover;
}
#mobile-menu-active {
    display: none;
}
/* .rtl{
    direction: rtl;
} */

/*-------------------
  2. Header-area
-------------------*/

/*----------------------------------------*/
/*  2.1 Header top area
/*----------------------------------------*/

.header-top-area {
    background: #E3E3E3;
    direction: rtl;
}
.language-area ul > li {
    display: inline-block;
    margin-left: 22px; /* Modified */
    padding: 9px 0 11px;
    position: relative;
}
.account-area ul > li {
    display: inline-block;
    margin-right: 22px;
    padding: 8px 0 12px;
    position: relative;
}
.language-area ul > li:last-child,
.account-area ul > li:last-child {
    margin-left: 0px; /* Modified */
}
.language-area ul li img {
    margin-left: 8px; /* Modified */
}
.language-area ul li a,
.account-area ul li a {
    color: #333;
    font-size: 16px;
    text-decoration: none;
    text-transform: capitalize;
    font-family: 'Bahij Hassan', sans-serif;
    transition: .3s;
}
.language-area ul li .header-sub {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
    right: 0; /* Modified */
    opacity: 0;
    padding: 15px 12px 18px 6px; /* Modified */
    position: absolute;
    text-align: right; /* Modified */
    top: 120%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100px;
    z-index: 234;
}
.language-area ul li .header-sub.dolor {
    width: 80px;
}
.language-area ul li:hover .header-sub {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.language-area ul li .header-sub ul li {
    display: block;
    margin: 0;
    padding: 0 0 10px;
}
.language-area ul li .header-sub ul li:last-child {
    padding: 0 0 0px;
}
.language-area ul li .header-sub ul li:last-child {
    border-bottom: 0;
}
.language-area ul li .header-sub ul li a {
    display: block;
}
.language-area ul li .header-sub ul li a img {
    margin: 0;
    padding-left: 8px; /* Modified */
}
.language-area ul li a i,
.account-area ul li a i {
    padding-right: 10px; /* Modified */
}
.account-area ul li {
    position: relative;
}
.account-area ul > li::before {
    background: #666 none repeat scroll 0 0;
    content: "";
    height: 12px;
    position: absolute;
    left: -13px; /* Modified */
    top: 50%;
    width: 1px;
    transform: translateY(-50%);
}
.account-area ul li:last-child:before {
    display: none;
}
.account-area ul li a:hover,
.language-area ul li a:hover {
    color: #f07c29;
}
.account-area ul li .header-sub ul li::before {
    display: none;
}

/*----------------------------------------*/
/*  2.2 Header mid area
/*----------------------------------------*/
.header-mid-area{
    direction: rtl;
}
.header-search {
    margin-top: 10px;
}
.header-search form {
    position: relative;
}
.header-search form input {
    background: #ededed none repeat scroll 0 0;
    border: 0 none;
    color: #333;
    font-size: 18px;
    height: 42px;
    line-height: 40px;
    margin: 0;
    padding-right: 10px; /* Modified */
    width: 100%;
    border-radius: 5px;
    padding-left: 47px; /* Modified */
}
.header-search form button {
    background: #f07c29 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 42px;
    line-height: 40px;
    position: absolute;
    left: 0; /* Modified */
    text-align: center;
    top: 0;
    width: 42px;
    border-radius: 0 0px 5px 5px; /* Modified */
}
.header-search form button:hover {
    background: #232323 none repeat scroll 0 0;
}

/*----------------------------------------*/
/*  2.3 Main menu area
/*----------------------------------------*/

.main-menu-area {
    background: #025A84 none repeat scroll 0 0;
    direction: rtl;
}
.main-menu-area.sticky {
    background: rgba(2, 90, 132, 0.88) none repeat scroll 0 0;
}
.main-menu-area.sticky-header-1.sticky:hover {
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
}
.menu-area {
    float: right; /* Modified */
    display: inline-block;
}
.menu-area ul li {
    display: inline-block;
    margin-left: 10px; /* Modified */
    position: relative;
    font-family: 'Bahij Koodak';
}
.menu-area ul li > a,
.safe-area a {
    background: transparent none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    padding: 13px 20px;
    position: relative;
    text-transform: uppercase;
    z-index: 4;
}
.menu-area ul li a i {
    padding-right: 10px; /* Modified */
}
.menu-area ul li:before,
.safe-area:before {
    background: #f07c29 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    right: 0; /* Modified */
    opacity: 0;
    position: absolute;
    left: 0; /* Modified */
    top: -8px;
    transition: .5s;
    z-index: 1;
}

.menu-area ul li:hover:before,
.menu-area ul li.active:before,
.safe-area:hover:before {
    opacity: 1;
}
.menu-area ul li a:before {
    background: #f07c29 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    right: 0; /* Modified */
    opacity: 0;
    position: absolute;
    transition: .5s;
    width: 0%;
}
.menu-area ul li:hover a:before,
.menu-area ul li.active a:before {
    width: 220%;
    opacity: 1;
}
.menu-area ul li a:after,
.safe-area a:after {
    border: 4px solid transparent;
    content: "";
    position: absolute;
    left: -8px; /* Modified */
    top: -8px;
    transition: .5s;
    border-bottom-color: #a74600;
    border-right-color: #a74600; /* Modified */
    opacity: 0;
}
.menu-area ul li:hover a:after,
.menu-area ul li.active a:after,
.safe-area:hover a:after {
    opacity: 1;
}
.safe-area {
    display: inline-block;
    float: right; /* Modified */
    position: relative;
}
.safe-area a {
    position: relative;
    z-index: 4
}
.menu-area ul li .mega-menu {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
    padding: 30px 20px;
    position: absolute;
    z-index: 6;
    width: 910px;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: .5s;
    visibility: hidden;
}
.menu-area ul li:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}
.menu-area ul li .mega-menu span {
    float: right; /* Modified */
    width: 25%;
    padding-left: 20px; /* Modified */
}
.menu-area ul li .mega-menu span a.title {
    border-bottom: 1px solid #e5e5e5;
    color: #025A84;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 12px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.menu-area ul li .mega-menu span a {
    display: block;
    color: #777;
    font-size: 16px;
    line-height: 30px;
    text-transform: capitalize;
    transition: .3s;
    text-decoration: none;
}
.menu-area ul li .mega-menu span a:hover,
.menu-area ul li .sub-menu ul li a:hover {
    color: #025A84;
}
.menu-area ul li .mega-menu span a:before {
    display: none;
}
.menu-area ul li .mega-menu span a:after {
    display: none;
}
.menu-area ul li .mega-menu-2 {
    width: 690px;
}
.menu-area ul li .mega-menu-2 span {
    width: 33.33%;
}
.menu-area ul li .mega-menu-3 {
    width: 460px;
}
.menu-area ul li .mega-menu-3 span {
    width: 50%;
}
.menu-area ul li .sub-menu {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
    right: 0; /* Modified */
    position: absolute;
    top: 100%;
    z-index: 45;
    padding: 10px 20px 15px;
    position: absolute;
    z-index: 6;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: .5s;
    width: 150px;
    opacity: 0;
    visibility: hidden;
}

.menu-area ul li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}
.menu-area ul li .sub-menu ul li {
    display: block;
}
.menu-area ul li .sub-menu ul li:before {
    display: none;
}
.menu-area ul li .sub-menu ul li a {
    color: #777;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 0 3px;
    text-decoration: none;
    transition: .3s;
    text-transform: capitalize;
}
.menu-area ul li .sub-menu ul li a:before {
    display: none;
}
.menu-area ul li .sub-menu ul li a:after {
    display: none;
}
.menu-area ul li .sub-menu-2 {
    width: 170px;
}
.main-menu-area.sticky {
    right: 0; /* Modified */
    position: fixed;
    top: 0;
    transition: .5s;
    width: 100%;
    z-index: 99999999;
}

/*----------------------------------------*/
/*  3. Banner area
/*----------------------------------------*/

.single-banner {
    display: flex;
}
.single-banner .banner-img {
    margin-left: 12px; /* Modified */
    margin-top: 4px;
}
.single-banner .banner-img {
  flex: 0 0 32px;
  margin-top: 4px;
}
.single-banner .banner-text {}
.single-banner .banner-text h4 {
    color: #025A84;
    font-family: "Bahij Hassan", serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 2px;
}
.single-banner .banner-text p {
    color: #025A84;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}
.banner-img-2 a {
    border-radius: 3px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    /* opacity: 0.5; */
}
.banner-img-2 a img {
    width: 100%;
    transform: scale(1);
    transition: .5s;
}
.banner-img-2:hover a img {
    transform: scale(1.1);
}
.banner-shadow-hover {
    position: relative;
}
.banner-shadow-hover::before {
    bottom: 0;
    content: "";
    right: 0; /* Modified */
    margin: 0 auto;
    pointer-events: none;
    position: absolute;
    left: 0; /* Modified */
    top: 0;
    transition: all 300ms ease-in 0s;
}
.banner-shadow-hover:hover::before {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.7) inset;
    transition: all 300ms ease-in 0s;
}
.banner-area-5 .banner-text {
    right: 5%; /* Modified */
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.banner-area-5 .banner-text h3 {
    color: black;
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 7px;
    text-transform: capitalize;
}
.banner-area-5 .banner-text h2 {
    color: #025A84;
    display: block;
    font-size: 28px;
    line-height: 1;
    margin-left: -218px; /* Modified */
    text-transform: uppercase;
    font-weight: 400;
}

/*----------------------------------------*/
/*  4. Slider area
/*----------------------------------------*/

/* line 1, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
.slider_bg_1 {
    background-image: url(../img/b1_1563087589_AWKLibrary.jpg);
  }
  
  /* line 4, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
  .slider_bg_2 {
    background-image: url(../img/banner/banner2.png);
  }
  
  /* line 7, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
  .slider_bg_3 {
    background-image: url(../img/banner/banner3.png);
  }
  
  /* line 10, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
  .slider_area {
    position: relative;
    z-index: 0;
  }
  
  /* line 23, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
  .slider_area .single_slider {
    height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
  
  @media (max-width: 767px) {
    /* line 23, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
    .slider_area .single_slider {
      height: auto;
    }
  }
  
  @media (min-width: 768px) and (max-width: 991px) {
    /* line 23, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
    .slider_area .single_slider {
      height: 600px;
    }
  }
  .slider_text{
    vertical-align: center;
    margin-top: 9%;  
}
  @media (max-width: 767px) {
    /* line 34, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
    .slider_area .single_slider .slider_text {
      margin: 100px 0 50px 0;
    }
  }
  .slider_text h1 {
 
    font-family: 'Bahij Hassan', serif;
   
}
.slider_text h2 {
    font-family: 'Bahij Koodak', serif;
    
}
.slider_text h3 {
    font-family: 'Bahij TheSansArabic Light', serif;
    
}
  
  /* line 38, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
  .slider_area .single_slider .slider_text h3 {
    font-family: 'Bahij Hassan', serif;
    font-size: 50px;
    text-transform: capitalize;
    font-weight: 100;
    line-height: .5;
    color: #f07c29;
    margin-bottom: 0;
  }
  
  @media (max-width: 767px) {
    /* line 38, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
    .slider_area .single_slider .slider_text h3 {
      font-size: 50px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 991px) {
    /* line 38, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
    .slider_area .single_slider .slider_text h3 {
      font-size: 94px;
    }
  }
  
  @media (min-width: 992px) and (max-width: 1200px) {
    /* line 38, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
    .slider_area .single_slider .slider_text h3 {
      font-size: 100px;
    }
  }
  
  @media (min-width: 1200px) and (max-width: 1500px) {
    /* line 38, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
    .slider_area .single_slider .slider_text h3 {
      font-size: 120px;
    }
  }
  
  /* line 62, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
  .slider_area .single_slider .slider_text p {
    font-size: 20px;
    font-weight: 400;
    color: #FFF;
    margin-top: 33px;
    margin-bottom: 49px;
  }
  
  @media (max-width: 767px) {
    /* line 62, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
    .slider_area .single_slider .slider_text p {
      font-size: 18px;
      margin-top: 20px;
      margin-bottom: 20px;
    }
  }
  
  /* line 79, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
  .slider_area .owl-carousel .owl-nav div {
    height: 120px;
    left: 0px;
    width: 50px;
    color: #fff;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    left: 50px;
    font-size: 14px;
    border: none;
    left: 150px;
    line-height: 120px;
    background: rgba(255, 255, 255, 0.2);
    left: 0;
    border: none !important;
  }
  
  /* line 94, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
  .slider_area .owl-carousel .owl-nav div.owl-next {
    right: 0;
    left: auto;
  }
  
  /* line 98, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_slider.scss */
  .slider_area .owl-carousel .owl-nav div:hover {
    background: white;
    color: white;
    border: none;
  }

/*----------------------------------------*/
/*  5. Product area
/*----------------------------------------*/
.section-title h2 {
    display: inline-block;
    font-size: 52px;
    font-weight: 700;
    line-height: 30px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 25px;
    color: #025A84;
    /* color: red; */
}
.section-title p {
    font-size: 24px;
    font-weight: 400;
    /*letter-spacing: 1px;*/
    line-height: 24px;
    margin-bottom: 0;
    font-family: 'Bahij Hassan', serif;
    color: #333;
}
.tab-menu ul li {
    display: inline-block;
    margin-left: 35px; /*Modified*/
}
.tab-menu ul li a {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    font-family: 'Bahij Koodak';
    padding-bottom: 5px;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
}
.tab-menu ul li a:before {
    background: #f07c29 none repeat scroll 0 0;
    bottom: -10px;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
}
.tab-menu ul li a:hover:before,
.tab-menu ul li.active a:before {
    opacity: 1;
    bottom: 0;
    visibility: visible;
}
.product-wrapper {
    position: relative;
    overflow: hidden;
}
.product-img,
.most-product-img {
    position: relative;
    overflow: hidden;
}

.product-img::after,
.most-product-img::after,
.banner-img-3::after {
    background: rgba(255, 255, 255, 0.61) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
    pointer-events: none;
}
.product-wrapper:hover .product-img::after,
.single-most-product:hover .most-product-img::after,
.single-deal:hover .banner-img-3::after {
    height: 100%;
    opacity: 1;
}
.product-img a img {
    width: 100%;
}

@media (max-width: 768px) {
    .books{
        display: inline-block;
    }
    .product-wrapper{
        width: 170px;
        float: left;
    }
    .product-img a img{
        width: 100%;
    }
    .product-flag {
        right: 5%;
        position: absolute;
        top: 0;
    }
    .product-flag li {
        line-height: 18px;
    }    
}
@media (max-width: 414px){
    .product-wrapper{
        width: 150px;
        float: left;
    }
    .product-img a img{
        width: 100%;
    }
    .product-flag {
        right: 5%;
        position: absolute;
        top: 0;
    }
    
}

@media (min-width:250px) and (max-width: 374px){
    .product-wrapper{
        width: 100px;
        float: left;
    }
    .product-img a img{
        width: 100%;
    }
    .product-flag {
        right: 5%;
        position: absolute;
        top: 0;
    }
    
}
.quick-view {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    transition: all .5s ease 0s;
    opacity: 0;
}
.product-wrapper:hover .quick-view {
    opacity: 1;
}
.quick-view a {
    background-color: #f07c29;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    height: 61px;
    line-height: 61px;
    width: 61px;
    transform: scale(0);
    transition: all .5s ease 0s;
}
.product-wrapper:hover .quick-view a {
    transform: scale(1);
}
.product-rating ul li {
    display: inline-block;
}
.product-rating ul li a {
    color: #f07c29;
    font-size: 12px;
}
.product-details h4 {
    margin-bottom: 10px;
    margin-top: 13px;
}
.product-details h4 a {
    color: #025A84;
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    overflow: hidden;
    padding: 0;
    text-transform: capitalize;
    transition: .3s;
    font-family: 'Bahij Hassan', serif;
}
.product-details h4 a:hover,
.product-link .product-button a:hover,
.product-link .add-to-link ul li a:hover {
    color: #f07c29;
}
.product-price ul li {
    display: inline-block;
    color: #f07c29;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Bahij Hassan', serif;
    font-style: normal;
}
.product-price ul li span {
    color: #666;
    padding-left: 5px; /*Modified*/
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
    font-size: 18px;
}
.product-price ul li.old-price {
    color: #666;
    font-size: 18px;
    font-weight: 400;
    margin-right: 5px; /*Modified*/
    text-decoration: line-through;
}
.product-wrapper:hover .product-price {
    opacity: 0;
    visibility: hidden;
}
.product-price {
    transition: all 0.5s ease 0s;
}
.product-link {
    bottom: 0px;
    left: 0;
    overflow: hidden;
    padding-bottom: 8px;
    position: absolute;
    right: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    margin-bottom: 1px;
}
.product-link:after {
    background: #cccccc none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    opacity: 1;
    position: absolute;
    transition: .5s;
    width: 0;
    right: 50%;
}

.product-wrapper:hover .product-link:after {
    width: 100%;
    left: 0;    
    right: 0;
}
.product-wrapper:hover .product-link {
    opacity: 1;
    visibility: visible;
}
.product-link .product-button {
    display: inline-block;
    float: left;
    position: relative;
    transition: .5s;
    transform: scale(0.6);
    z-index: 2;
}
.product-link .product-button a {
    border-radius: 0;
    color: #333;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-transform: capitalize;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
    transition: .3s;
}
.product-link .product-button a i {
    padding-right: 8px;
}

.product-link .add-to-link {
    display: inline-block;
    float: right;
    position: relative;
    transition: .5s;
    transform: scale(0.6);
    z-index: 3;
}

.product-link .add-to-link ul li {
    display: inline-block;
}
.product-link .add-to-link ul li a {
    display: inline-block;
    color: #333;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    width: 30px;
    transition: .3s;
    text-align: center;
}
.product-wrapper:hover .product-link .product-button {
    transform: scale(1);
}
.product-wrapper:hover .product-link .add-to-link {
    transform: scale(1);
}
.product-flag {
    left: 0;
    position: absolute;
    top: 0;
}
.product-flag li {
    line-height: 18px;
}
.product-flag ul li > span {
    background: #f07c29 none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 0 6px;
    text-align: center;
    text-transform: uppercase;
    z-index: 100;
    font-weight: 400;
    position: relative;
    font-family: "Bahij Hassan", sans-serif;
}
.product-flag ul li > span.discount-percentage {
    background: #eeb900 none repeat scroll 0 0;
    line-height: 1;
}
.product-flag ul li > span:before {
    border-color: #f07c29 transparent transparent #f07c29;
    border-style: solid;
    border-width: 4.5px 3px;
    content: "";
    position: absolute;
    right: -6px;
    top: 0;
}
.product-flag ul li > span:after {
    border-color: transparent transparent #f07c29 #f07c29;
    border-style: solid;
    border-width: 4.5px 3px;
    bottom: 0;
    content: "";
    position: absolute;
    right: -6px;
}
.product-flag ul li > span.discount-percentage:before {
    border-color: #eeb900 transparent transparent #eeb900;
}
.product-flag ul li > span.discount-percentage:after {
    border-color: transparent transparent #eeb900 #eeb900;
}
.tab-content > .tab-pane {
    display: block;
    overflow: hidden;
    height: 0;
}
.tab-content > .active {
    display: block;
    overflow: visible;
    height: auto;
}
.tab-active.owl-carousel .owl-nav button,
.post-active.owl-carousel .owl-nav button,
.bestseller-active.owl-carousel .owl-nav button,
.tab-active-3.owl-carousel .owl-nav button,
.hot-sell-active.owl-carousel .owl-nav button {
    background: #f6f6f6 none repeat scroll 0 0;
    border-radius: 4px;
    color: #666;
    font-size: 50px;
    height: 69px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 69px;
    z-index: 1;
    left: 10px;
    visibility: hidden;
}
.tab-active.owl-carousel .owl-nav button i,
.post-active.owl-carousel .owl-nav button i,
.bestseller-active.owl-carousel .owl-nav button i,
.tab-active-3.owl-carousel .owl-nav button i,
.hot-sell-active.owl-carousel .owl-nav button i {
    position: relative;
    top: -5px;
}
.tab-active-3.owl-carousel .owl-nav button:hover,
.hot-sell-active.owl-carousel .owl-nav button:hover {
    background: #00abe0 none repeat scroll 0 0;
    color: #fff;
}
.tab-active.owl-carousel .owl-nav button:hover,
.post-active.owl-carousel .owl-nav button:hover,
.bestseller-active.owl-carousel .owl-nav button:hover {
    background: #F07C29;
    color: #fff;
}
.tab-active.owl-carousel .owl-nav button.owl-next,
.post-active.owl-carousel .owl-nav button.owl-next,
.bestseller-active.owl-carousel .owl-nav button.owl-next,
.tab-active-3.owl-carousel .owl-nav button.owl-next,
.hot-sell-active.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 10px;
}
.tab-active:hover.owl-carousel .owl-nav button.owl-prev,
.post-active:hover.owl-carousel .owl-nav button.owl-prev,
.tab-active-3:hover.owl-carousel .owl-nav button.owl-prev,
.hot-sell-active:hover.owl-carousel .owl-nav button.owl-prev {
    left: 0;
}
.tab-active:hover.owl-carousel .owl-nav button.owl-next,
.tab-active-3:hover.owl-carousel .owl-nav button.owl-next,
.hot-sell-active:hover.owl-carousel .owl-nav button.owl-next {
    right: 0;
}
.bestseller-active:hover.owl-carousel .owl-nav button.owl-prev {
    left: -40px;
}
.bestseller-active:hover.owl-carousel .owl-nav button.owl-next {
    right: -40px;
}
.tab-active {
    overflow: hidden;
}
.tab-active:hover.owl-carousel .owl-nav button,
.post-active:hover.owl-carousel .owl-nav button,
.bestseller-active:hover.owl-carousel .owl-nav button,
.tab-active-3:hover.owl-carousel .owl-nav button,
.hot-sell-active:hover.owl-carousel .owl-nav button {
    opacity: 1;
    visibility: visible;
}
.bt {
    border-top: 1px solid #e5e5e5;
}

/*----------------------------------------*/
/*  6. Bestseller area
/*----------------------------------------*/
.bestseller-content{
    direction: rtl;
}
.bestseller-area .bestseller-content {
    float: left;
    width: 50%;
    padding-right: 15px;
}
.bestseller-area .banner-img-2 {
    float: left;
    width: 50%;
    padding-left: 15px;
}
.bestseller-content h1 {
    font-size: 24px;
    margin-bottom: 15px;
    text-align: right;
    text-transform: uppercase;
}
.bestseller-content h2 {
    color: #f07c29;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.1;
    text-align: right;
    font-family: 'Bahij Koodak', serif;
    font-weight: 400;
}
.bestseller-content p.categories {
    color: #333;
    margin-top: 5px;
    text-align: right;
    text-transform: uppercase;
    font-family: "Bahij Hassan", sans-serif;
    font-size: 18px;
}
.bestseller-content p.categories a {
    color: #333;
    margin-left: 3px;
}
.bestseller-content p {
    font-size: 24px;
    line-height: 24px;
    margin-top: 15px;
    text-align: right;
    font-family: "Bahij Badr", serif;
    color: #333;
}
.bestseller-content .social-author {
    margin-top: 35px;
    text-align: right;
}
.bestseller-content .social-author ul li {
    display: inline-block;
}
.bestseller-content .social-author ul li a {
    background: #777 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 37px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 37px;
}
.bestseller-content .social-author ul li a:hover {
    background: #f07c29 none repeat scroll 0 0;
}
.bestseller-img {
    position: relative;
}
.single-bestseller .bestseller-img a img {
    width: 100%;
}
.single-bestseller .bestseller-text h3 {
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
    margin-bottom: 0;
}
.single-bestseller .bestseller-text h3 a {
    color: #333333;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 13px;
    text-transform: capitalize;
    text-decoration: none;
}
.single-bestseller .bestseller-text .price ul li {
    display: inline-block;
}
.single-bestseller .bestseller-text .price ul li {
    padding-right: 5px;
}
.single-bestseller .bestseller-text .price ul li:last-child {
    padding-right: 0px;
}
.single-bestseller .bestseller-text .price ul li span {
    font-size: 18px;
    font-family: 'Bahij Hassan', serif;
    transition: .3s;
    font-weight: 600;
    font-style: italic;
}

.single-bestseller .bestseller-text .price ul li span.new-price {
    color: #f07c29;
    font-size: 24px;
}
.single-bestseller .bestseller-text .price ul li span.old-price {
    color: #909090;
    text-decoration: line-through;
}
.single-bestseller .bestseller-text h3 a:hover,
.most-product-content h4 a:hover,
.block-newsletter a:hover,
.post-content h3 a:hover {
    color: #f07c29;
}

/*----------------------------------------*/
/*  7. Banner static area
/*----------------------------------------*/

.banner-static-area {
    background: rgba(0, 0, 0, 0) url("img/banner/7.html") repeat scroll center center;
}

/*----------------------------------------*/
/*  8. Most product area
/*----------------------------------------*/

.section-title-2 h3 {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    position: relative;
    text-transform: uppercase;
    direction: rtl;
}
.product-active-2.owl-carousel .owl-nav button ,
.product-active-3.owl-carousel .owl-nav button {
    background: #f6f6f6 none repeat scroll 0 0;
    border-radius: 4px;
    color: #666;
    font-size: 30px;
    height: 40px;
    left: 40px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 40px;
    z-index: 1;
}
.product-active-2.owl-carousel .owl-nav button i , 
.product-active-3.owl-carousel .owl-nav button i {
    position: relative;
    top: -3px;
}
.product-active-2.owl-carousel .owl-nav button:hover {
    background: #f07c29 none repeat scroll 0 0;
    color: #fff;
}
.product-active-2.owl-carousel .owl-nav button.owl-next , 
.product-active-3.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 40px;
}
.product-active-2.owl-carousel:hover .owl-nav button.owl-next , 
.product-active-3.owl-carousel:hover .owl-nav button.owl-next {
    right: 0px;
}
.product-active-2.owl-carousel:hover .owl-nav button.owl-prev , 
.product-active-3.owl-carousel:hover .owl-nav button.owl-prev {
    left: 0px;
}
.product-active-2.owl-carousel:hover .owl-nav button , 
.product-active-3.owl-carousel:hover .owl-nav button {
    opacity: 1;
    visibility: visible;
}
.single-most-product {
    overflow: hidden;
    padding-bottom: 18px;
}
.single-most-product:last-child {
    padding-bottom: 0px;
}
.most-product-img {
    float: right; /*Modified*/
    width: 25%;
}
.most-product-img a img {
    width: 100%;
}
.most-product-content {
    direction: rtl;
    float: right; /*Modified*/
    width: 75%;
    padding-right: 15px; /*Modified*/
}
.most-product-content h4 {
    margin-bottom: 0px;
}
.most-product-content h4 a {
    color: #333333;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
    text-decoration: none;
    transition: .3s;
}
.bd {
    border-bottom: 1px solid #e5e5e5;
}
.block-newsletter {
    background: #f07c29 url("img/banner/10.html") no-repeat scroll center top;
    padding: 45px 25px 25px;
    position: relative;
    text-align: center;
    margin-top: 70px;
}

.block-newsletter:before {
    background: #f07c29 none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    height: 13px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -42px;
    width: 13px;
    z-index: 1;
}
.block-newsletter:after {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #f07c29;
    content: "";
    height: 53px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -26px;
    transform: rotate(45deg);
    width: 53px;
    z-index: -1;
}
.block-newsletter h2 {
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 28px;
    text-transform: uppercase;
}
.block-newsletter p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.block-newsletter form input {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    height: 38px;
    line-height: 30px;
    padding: 10px;
    width: 100%;
}
.block-newsletter form input[type="text"]::-moz-placeholder {
    color: #fff !important;
    opacity: 1;
}
.block-newsletter form input[type="text"]::-webkit-input-placeholder {
    color: #fff !important;
    opacity: 1;
}
.block-newsletter form input[type="text"]::-ms-input-placeholder {
    color: #fff !important;
    opacity: 1;
}
.block-newsletter a {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    display: inline-block;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    height: 38px;
    line-height: 38px;
    padding: 0 25px;
    text-align: center;
    text-transform: uppercase;
    transition: .5s;
    margin-top: 28px;
    text-decoration: none;
}

/*----------------------------------------*/
/*  9. Testimonial area
/*----------------------------------------*/

.testimonial-area {
    background: rgba(0, 0, 0, 0) url("img/banner/4.jpg") no-repeat scroll center center;
}
.testimonial-img a {
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block;
    font-size: 45px;
    height: 97px;
    line-height: 97px;
    width: 97px;
    color: #fff;
}
.testimonial-text p {
    color: #fff;
    font-family: "Bahij Hassan", serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    margin: 41px 0 18px;
}
.testimonial-text a {
    color: #e4e4e4;
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    text-transform: capitalize;
}
.testimonial-text a span {
    color: #f07c29;
    font-size: 20px;
    text-transform: uppercase;
}

.testimonial-active .owl-dots .owl-dot span {
    background: #e1e1e1 none repeat scroll 0 0;
    border-radius: 10px;
    display: inline-block;
    height: 10px;
    transition: all 300ms ease-in 0s;
    width: 10px;
}

.testimonial-active .owl-dots .owl-dot.active span {
    background: #f07c29 none repeat scroll 0 0;
    transition: all 300ms ease-in 0s;
}
.testimonial-active .owl-dots {
    display: inline-block;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.testimonial-active .owl-dot {
    display: inline-block;
    margin: 0 4px;
}

/*----------------------------------------*/
/*  10. Recent post area
/*----------------------------------------*/

.post-active {
    overflow: hidden;
}
.single-post {
    overflow: hidden;
}
.single-post .post-img {
    overflow: hidden;
    position: relative;
}
.single-post .post-img a img {
    width: 100%;
    transform: scale(1);
    transition: .5s;
}
.single-post:hover a img {
    transform: scale(1.1);
}
.post-content{
    direction: rtl;
}
.post-content h3 {
    margin-bottom: 0;
}
.post-content h3 a {
    color: #333;
    display: block;
    font-family: "Bahij Hassan", serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
    margin-top: 16px;
    position: relative;
    text-transform: none;
    transition: all 0.3s ease 0s;
}
.post-content p {
    border-bottom: 1px solid #e5e5e5;
    font-family: "Bahij Hassan", serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 1px;
    padding: 0 0 25px;
    color: #333;
}
.blog-date-time {
    background: #fff none repeat scroll 0 0;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    height: 54px;
    right: 10px;
    padding: 4px 5px 7px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 54px;
}
.blog-date-time span {
    color: #333;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
}

.blog-date-time span.moth-time {
    color: #333;
    display: block;
    font-size: 12px;
    padding-top: 5px;
    text-transform: uppercase;
}
.post-content span.meta-author {
    color: #333;
    display: inline-block;
    font-family: "Bahij Hassan", sans-serif;
    font-size: 18px;
    line-height: 13px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

/*----------------------------------------*/
/*  11. Social group area
/*----------------------------------------*/

.social-group-area {
    background: #F6F6F6;
    direction: rtl;
}
.section-title-3 h3 {
    color: #2d2d2d;
    display: block;
    font-size: 22px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.twitter-content .twitter-icon {
    float: right; /*Modified*/
    width: 20%;
}
.twitter-content .twitter-icon a {
    background: #f07c29 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    font-size: 24px;
    height: 70px;
    right: 0; /*Modified*/
    line-height: 70px;
    text-align: center;
    width: 70px;
    display: inline-block;
}
.twitter-content .twitter-text {
    float: right; /*Modified*/
    width: 80%;
}
.twitter-text p {
    color: #333;
    font-family: "Bahij Hassan", serif;
    font-size: 20px;
    line-height: 21px;
    margin: 0;
    padding-top: 3px;
}
.twitter-text a {
    color: #f07c29;
    font-family: "Bahij Hassan", serif;
    font-size: 20px;
    font-style: italic;
    padding-top: 3px;
}
.twitter-text a:hover {
    color: #232323;
}
.twitter-content .twitter-text p.link a:hover,
.twitter-content .twitter-text p > a:hover,
.footer-top-menu ul li a:hover {
    color: #f07c29;
}
.link-follow ul li {
    display: inline-block;
    margin-left: 8px; /*Modified*/
    margin-top: 5px;
}
.link-follow ul li a {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    color: #333333;
    font-size: 22px;
    display: inline-block;
    height: 52px;
    line-height: 52px;
    text-align: center;
    transition: .5s;
    width: 52px;
    text-decoration: none;
    transition: .3s;
}
.link-follow ul li a:hover {
    background: #333333 none repeat scroll 0 0;
    color: #fff;
}

/*----------------------------------------*/
/*  12. Footer
/*----------------------------------------*/

footer {
    background: #222222;
}

/*----------------------------------------*/
/*  12.1  Footer top
/*----------------------------------------*/

.footer-top-menu {
    padding: 15px 0;
    overflow: hidden;
    direction: rtl;
}
.footer-top-menu ul li {
    display: inline-block;
    margin-left: 25px; /*Modified*/
    padding-left: 25px; /*Modified*/
    position: relative;

}
.footer-top-menu ul li:before {
    background: #808080 none repeat scroll 0 0;
    content: "";
    height: 13px;
    position: absolute;
    left: 0; /*Modified*/
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
.footer-top-menu ul li:last-child:before {
    display: none;
}
.footer-top-menu ul li a {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 24px;
    text-transform: capitalize;
    text-decoration: none;
    transition: .3s;
    font-weight: 400;
}
.bb-2 {
    border-bottom: 2px solid #393939;
}

/*----------------------------------------*/
/*  12.2  Footer mid
/*----------------------------------------*/

.single-footer .footer-title h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    direction: rtl;
}
.footer-mid-menu ul li a {
    color: #fff;
    display: block;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    line-height: 30px;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
    direction: rtl;
}
.footer-mid-menu ul li a:hover {
    color: #f07c29;
}
.br-2 {
    border-left: 1px solid #393939;
    direction: rtl;
}
.footer-contact p {
    color: #fff;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
    direction: rtl;
}
.footer-contact p:last-child {
    margin-bottom: 0;
}
.footer-contact p span {
    color: #fff;
    direction: rtl;
}
.footer-contact p.adress span {
    display: block;
    direction: rtl;
    margin-bottom: 6px;
}

/*----------------------------------------*/
/*  12.3  Footer bottom
/*----------------------------------------*/

.bt-2 {
    border-top: 2px solid #393939;
    padding: 30px 0;
}
.copy-right-area p {
    color: #fff;
    margin-bottom: 0;
    margin-top: 8px;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.copy-right-area p a {
    color: #fff;
}
.copy-right-area p a:hover {
    text-decoration: underline;
}
.payment-img a img {}
a#scrollUp {
    background: #333 none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 100%;
    bottom: 35px;
    color: #fff;
    display: none;
    font-size: 24px;
    height: 40px;
    line-height: 32px;
    position: fixed;
    left: 12px; /*Modified*/
    text-align: center;
    width: 40px;
    z-index: 9999;
    transition: .3s;
}
a#scrollUp:hover {
    background: #f07c29 none repeat scroll 0 0;
    border-color: #f07c29;
}

/*----------------------------------------*/
/*  18. Shop page
/*----------------------------------------*/
.shop-main-area{
    direction: rtl;
}
.random-area{
    direction: ltr;
}

.breadcrumbs-area {
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 0;
}
.breadcrumbs-menu ul li {
    display: inline-block;
    margin-left: 20px; /*Modified*/
    position: relative;
}
.breadcrumbs-menu ul li a {
    font-size: 18px;
    color: #333;
    text-decoration: none;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.breadcrumbs-menu ul li a.active {
    color: #f07c29;
}
.breadcrumbs-menu ul li::before {
    background: #818181 none repeat scroll 0 0;
    content: "";
    height: 13px;
    position: absolute;
    left: -12px; /*Modified*/
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
.breadcrumbs-menu ul li:last-child:before {
    display: none;
}
.section-title-5 h2 {
    color: #3f3f3f;
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    line-height: 20px;
    padding: 0 0 13px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 0;
}
.section-title-5 h2:before {
    background: #f07c29 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    right: 0; /*Modified*/
    position: absolute;
    width: 100%;
}
.left-title h4 {
    direction: rtl;
    color: #3f3f3f;
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 0;
}
.left-menu ul li {
    border-bottom: 1px solid #e5e5e5;
}
.left-menu ul li:last-child {
    border-bottom: 0;
}
.left-menu ul li a {
    color: #333;
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    padding: 10px 0;
    position: relative;
    text-transform: capitalize;
    text-decoration: none;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.left-menu ul li a:hover {
    color: #f07c29;
}
.left-menu ul li a:before {
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 20px;
    margin-left: 20px; /*Modified*/
}
.left-menu ul li a span {
    color: #333;
    display: inline-block;
    font-size: 18px;
    float: left; /*Modified*/
}

@media (max-width: 767px){
    .left-menu ul li{
        display: flex;
    }
    .left-menu ul li span{
        /* background-color: #0000FE; */
        padding-right: 20px;
        padding-left: 20px;
    }
    .left-menu ul{
        display: flex;
        flex-wrap: wrap;
    }

    
}

.color-menu ul.color li {
    display: inline-block;
    margin: 0 5px 5px 0;
}
.color-menu ul.color li a {
    background-color: #1857f7;
    border: 2px solid rgb(218, 218, 218);
    height: 20px;
    line-height: 30px;
    padding-right: 20px; /*Modified*/
    transition: all 0.3s ease 0s;
    width: 30px;
}
.color-menu ul li a::before {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #999;
    content: "";
    display: block;
    height: 10px;
    right: 0; /*Modified*/
    position: absolute;
    top: 10px;
    width: 10px;
}
.color-menu ul.color li a::before {
    display: none;
}
.color-menu ul.color li a.bg-2 {
    background-color: #d99a09;
}
.color-menu ul.color li a.bg-3 {
    background-color: #eb1a1a;
}

.color-menu ul.color li a.bg-4 {
    background-color: #fff;
}
.random-area {
    overflow: hidden;
}
.left-title-2 h2 {
    border-bottom: 2px solid #333333;
    margin-bottom: 25px;
    padding-bottom: 10px;
    color: #333333;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    text-transform: uppercase;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.left-title-2 p {
    color: #333333;
    font-size: 18px;
    margin-bottom: 0;
}
.toolbar {
    border-bottom: 1px solid #cccccc;
    overflow: hidden;
    padding: 20px 0;
}
.shop-tab {
    float: right; /*Modified*/
    display: inline-block;
}
.tab-3 {
    float: right; /*Modified*/
    display: inline-block;
}
.tab-3 ul li {
    display: inline-block;
    margin-left: 15px; /*Modified*/
    position: relative;
}
.tab-3 ul li::before {
    background: #ccc none repeat scroll 0 0;
    content: "";
    height: 80px;
    position: absolute;
    left: -7px; /*Modified*/
    width: 1px;
    top: 0;
}
.tab-3 ul li:last-child::before {
    display: none;
}
.tab-3 ul li a {
    color: #666;
    display: inline-block;
    font-size: 19px;
    height: 0;
    line-height: 0;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.tab-3 ul li a i {
    font-size: 30px;
    padding-left: 8px; /*Modified*/
    position: relative;
    top: 6px;
}
.tab-3 ul li.active a,
.tab-3 ul li a:hover {
    color: #F07C29;
}
.list-page {
    float: right; /*Modified*/
    margin-right: 10px; /*Modified*/
    margin-top: 6px;
}
.list-page p {
  color: #333;
  font-weight: 400;
  line-height: 26px;
  margin: 0;
}
.list-page-2 {
    float: right; /*Modified*/
    margin-right: 10px; /*Modified*/
}
.list-page-2 p {
    line-height: 26px;
    margin: 0;
    font-weight: 400;
    color: #333;
}
.field-limiter {
    display: inline-block;
    float: left; /*Modified*/
}
.toolbar-sorter span {
    color: #2b2b2b;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.toolbar-sorter .sorter-options {
    border: 1px solid #ccc;
    border-radius: 0;
    color: #908f8f;
    font-size: 18px;
    height: 35px;
    min-width: 95px;
    padding: 0 5px;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
    color: #333;
}
.toolbar-sorter a {
    color: #808080;
    font-size: 24px;
    line-height: 32px;
    padding-right: 5px; /*Modified*/
}
.toolbar-sorter {
    display: inline-block;
    float: left; /*Modified*/
    margin-right: 30px;
}
.control select {
    border: 1px solid #ccc;
    border-radius: 0;
    color: #333;
    font-size: 18px;
    height: 35px;
    margin-left: 0; /*Modified*/
    min-width: 95px;
    padding: 0 5px;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.control span {
    color: #2b2b2b;
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.shop-main-area #th .row {
    margin-right: -10px; /*Modified*/
    margin-left: -10px; /*Modified*/
}
.shop-main-area #th .row div[class^="col-"] {
    padding-right: 10px; /*Modified*/
    padding-left: 10px; /*Modified*/
}
.pagination-area {
    border-top: 1px solid #ccc;
    padding: 15px 0;
}
.pagination-area .list-page p {
    margin-bottom: 0;
    color: #666666;
    font-size: 18px;
    line-height: 32px;
}
.pagination-area .page-number {
    float: left; /*Modified*/
}
.pagination-area .page-number ul li {
    display: inline-block;
}
.pagination-area .page-number ul li a {
    color: #333;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 32px;
    padding: 0 4px;
    font-weight: 400;
}
.pagination-area .page-number ul li a.active {
    color: #f07c29;
    font-size: 18px;
}
.product-wrapper-content .product-link {
    opacity: 1;
    padding-bottom: 0px;
    position: relative;
    visibility: visible;
    border-top: 1px solid #ccc;
    padding: 10px 0;
}
.product-wrapper-content .product-link .product-button {
    transform: translateX(0%);
}
.product-wrapper-content .product-link .add-to-link {
    transform: translateX(0%);
}
.product-wrapper-content .product-details h4 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.product-wrapper-content .product-details h4 a {
    font-size: 24px;
}
.product-wrapper-content .product-price ul li {
    font-size: 25px;
}
.product-wrapper-content .product-price ul li.old-price {
    font-size: 18px;
}
.product-wrapper-content .product-details p {
    color: #707070;
    margin: 30px 0 20px;
    font-size: 15px;
}
/*----------------------------------------*/
/*  19. Product details
/*----------------------------------------*/
.product-main-area-rtl,
.product-info-area
{
    direction: rtl;
}
.product-details .section-title.text-center h3 {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.flex-direction-nav a {
    color: rgba(0, 0, 0, 0);
    font-size: 0;
}
.flex-direction-nav a::before {
    content: "\f104 ";
    font-family: fontawesome!important;
    font-size: 66px!important;
}
.flex-direction-nav a.flex-next::before {
    content: "";
}
.flex-direction-nav a {
    height: 70px;
    margin: -90px 0 0;
    transform: translateY(-50%);
}
.flexslider {
    margin: 0;
}
.flex-control-thumbs img {
    border: 1px solid transparent;
    transition: .3s;
}
.flex-control-thumbs .flex-active {
    border: 2px solid #ff5a09;
}
.product-info-area .nav > li > a {
    background: #fcfcfc none repeat scroll 0 0;
    border: 1px solid #d1d1d1;
    border-radius: 0;
    display: block;
    padding: 5px 25px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #333;
}
.product-info-area .nav > li.active > a {
    background-color: #F07C29;
    color: #fff;
}
.product-info-area .tab-content {
    border: 1px solid #d1d1d1;
    padding: 20px;
    border-top: 0;
}
.product-info-area .valu > p {
    font-size: 13px;
    margin-bottom: 15px;
    color: #333;
}
.product-info-area .valu > ul {
    padding-right: 26px; /*Modified*/
}
.product-info-area .valu li .review-title h3 {
    font-size: 16px;
    margin-bottom: 25px;
}
.product-info-area .valu li {
    color: #333;
}
.product-info-area .valu li i {
    font-size: 6px;
    padding-left: 8px; /*Modified*/
    position: relative;
    top: -2px;
}
.product-info-area .valu .section-title h2 {
    border-bottom: 1px solid #e5e5e5;
    color: #4c4c4c;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 15px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.review-title > h3 {
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 30px;
}
.review-rating span {
    display: inline-block;
    float: right; /*Modified*/
    font-weight: bold;
    padding-left: 10px; /*Modified*/
}
.rating-result {
    display: inline-block;
    float: right; /*Modified*/
}
.rating-result > a {
    color: #f07c29;
    line-height: 30px;
    position: relative;
    top: -8px;
}
.rating-result > a i {
    font-size: 15px !important;
    padding: 0 !important;
}
.review-right {
    float: right; /*Modified*/
    padding-right: 110px; /*Modified*/
}
.review-content > h4 {
    font-size: 15px;
    margin: 0;
    font-weight: 300;
}
.valu {
    overflow: hidden;
}
.review-left {
    display: inline-block;
    float: right; /*Modified*/
}
.review-details p {
    font-size: 13px;
    margin: 0;
}
.review-details p a {
    color: #333;
    font-weight: 700;
    padding-right: 12px; /*Modified*/
}
.review-details {
    margin-top: 20px;
}
.valu-2 ul li {
    border-bottom: 1px solid #c9c9c9;
    margin: 0;
    overflow: hidden;
    padding: 30px 0;
}
.review-add {
    margin: 30px 0;
}
.review-add h3 {
    color: #333;
    font-size: 22px;
    margin-bottom: 0;
}
.review-add h4 {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    position: relative;
}
.review-add h4:before {
    position: absolute;
    content: "";
    right: 0; /*Modified*/
    bottom: -8px;
    background-color: #d1d1d1;
    width: 30%;
    height: 1px;
}
.review-field-ratings {
    overflow: hidden;
    margin-bottom: 25px;
}
.review-field-ratings > span {
    display: inline-block;
    float: right; /*Modified*/
    font-size: 22px;
    font-weight: 700;
    padding-left: 30px; /*Modified*/
}
.review-field-ratings > span > sup {
    color: #e02b27;
}
.review-field-ratings .control {
    display: inline-block;
    float: right; /*Modified*/
}
.review-field-ratings .single-control {
    padding-bottom: 10px;
    overflow: hidden;
}
.review-field-ratings .single-control span {
    float: right; /*Modified*/
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
}
.review-field-ratings .single-control .review-control-vote {
    display: inline-block;
    float: right; /*Modified*/
    padding-right: 15px; /*Modified*/
}
.review-field-ratings .single-control .review-control-vote a {
    color: #666;
    font-size: 16px;
    position: relative;
}
.review-field-ratings .single-control .review-control-vote a:hover {
    color: #f07c29;
}
.review-form {
    margin-bottom: 30px;
    overflow: hidden;
    padding-right: 35px; /*Modified*/
}
.review-form .single-form {
    margin-bottom: 25px;
    overflow: hidden;
}
.review-form .single-form label {
    font-weight: 700;
    font-size: 13px;
    float: right; /*Modified*/
    display: inline-block;
    text-align: left; /*Modified*/
}
.review-form .single-form label sup {
    color: #e02b27;
    padding-right: 5px; /*Modified*/
}
.review-form .single-form form {
    display: inline-block;
    float: right; /*Modified*/
    padding-right: 20px; /*Modified*/
}
.review-form .single-form form input {
    border: 1px solid #c2c2c2;
    height: 35px;
    padding: 5px 9px;
    width: 350px;
}
.review-form .single-form form textarea {
    border: 1px solid #c2c2c2;
    padding: 5px 9px;
    width: 350px;
    margin-right: 20px; /*Modified*/
}
.review-form .single-form-2 form {
    padding-right: 23px; /*Modified*/
}
.review-form-button {
    margin-bottom: 30px;
}
.review-form-button a {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #cdcdcd;
    color: #555;
    padding: 10px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}
.product-info-main .page-title h1 {
    color: #333333;
    font-size: 36px;
    font-weight: 400;
    margin: 15px 0 9px;
    padding: 0;
    text-transform: capitalize;
    font-family: 'Bahij Titr', serif;
    font-weight: 400;
}
.product-info-stock-sku > span {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    margin-left: 15px; /*Modified*/
    text-transform: capitalize;
    font-family: 'Bahij Badr', serif;
    font-weight: 400;
    float: right; /*Modified*/
    display: inline-block;
}
.product-attribute span {
    color: #333;
    font-size: 14px;
    line-height: 20px;
    padding-left: 10px; /*Modified*/
    text-transform: uppercase;
}
.product-attribute span.value {
    font-family: 'Bahij Badr', serif;
    font-weight: 400;
}
.product-reviews-summary {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    display: block;
    margin: 20px 0 0;
    padding: 14px 0 12px;
    overflow: hidden;
}
.rating-summary {
    display: inline-block;
    float: right; /*Modified*/
}
.rating-summary > a {
    color: #F07C29;
}
.reviews-actions a.view {
    border-left: 1px solid #989898;
    color: #333; 
    padding-left: 6px;
}
.reviews-actions a {
    color: #333;
}
.reviews-actions {
    float: right; /*Modified*/
    margin-right: 10px; /*Modified*/
}
.product-info-price {
    margin: 26px 0;
    overflow: hidden;
}
.product-info-price .price-final {
    color: #f07c29;
    font-size: 25px;
    font-weight: 400;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.product-info-price .price-final span.old-price {
    color: #909090;
    font-weight: 400;
    text-decoration: line-through;
}
.product-add-form form .quality-button input {
    background: #333 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    height: 50px;
    margin: 0;
    text-align: center;
    width: 70px;
    padding: 0 10px;
}
.product-add-form form a {
    background: #333 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    padding: 0 28px;
    text-transform: uppercase;
    width: auto;
    transition: .3s;
}
.product-add-form form .quality-button {
    float: right; /*Modified*/
    margin-left: 10px; /*Modified*/
}
.product-add-form form a {
    float: right; /*Modified*/
}
.product-add-form {
    clear: both;
    margin: 30px 0 10px;
    overflow: hidden;
}
.product-addto-links a {
    background: #025A84 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 19px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    margin-left: 5px; /*Modified*/
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 50px;
    transition: .3s;
}
.product-addto-links a:hover,
.product-add-form form a:hover {
    background: #f07c29 none repeat scroll 0 0;
}
.product-addto-links-text p {
    clear: both;
    color: #333;
    font-weight: 400;
    line-height: 28px;
    margin: 10px 0 0;
    padding: 30px 0;
}

/*----------------------------------------*/
/*  20. Blog page
/*----------------------------------------*/

.blog-comment-readmore {
    border-top: 2px dotted #e5e5e5;
    margin-bottom: 50px;
    overflow: hidden;
    padding-top: 20px;
    direction:rtl;
}
.blog-comment-readmore .blog-readmore {
    float: right; /*Modified*/
    direction:rtl;
}
.blog-comment-readmore .blog-readmore a {
    color: #333;
    text-decoration: underline;
    text-decoration: none;
    transition: .3s;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
    direction:rtl;
}
.blog-comment-readmore .blog-readmore a:hover {
    color: #F07C29;
}
.blog-comment-readmore .blog-readmore a i {
    padding-right: 10px; /*Modified*/
}
.blog-comment-readmore .blog-com {
    float: left; /*Modified*/
    direction:rtl;
}
.blog-comment-readmore .blog-com a {
    color: #333;
    text-decoration: none;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
    direction:rtl;
}
.youtube-video iframe {
    height: 430px;
    width: 100%;
    direction:rtl;
}
.blog-audio audio {
    width: 100%;
    direction:rtl;
}

.blog-pagination ul li {
    display: inline-block;
    margin: 0 2px;
    direction:rtl;
}
.blog-pagination ul li a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    color: #444444;
    display: block;
    font-size: 18px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 35px;
    direction:rtl;
}
.blog-pagination ul li a:hover,
.blog-pagination ul li.active a {
    background: #444444 none repeat scroll 0 0;
    border: 1px solid #444444;
    color: #f1f1f1;
    direction:rtl;
}

/*----------------------------------------*/
/*  21. Blog details
/*----------------------------------------*/

.blog-main-area {
    overflow: hidden;
}
.blog-left-title {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.blog-left-title h3 {
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Bahij Titr', serif;
    font-weight: 400;
    direction: rtl;
}
.side-form form {
    position: relative;
}
.side-form form a {
    color: #333;
    font-size: 18px;
    position: absolute;
    left: 10px; /*Modified*/
    top: 50%;
    transform: translateY(-50%);
}
.side-form form input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    color: #333;
    height: 40px;
    padding-right: 10px; /*Modified*/
    width: 100%;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
    padding-left: 40px; /*Modified*/
}
.blog-side-menu ul li,
.catagory-menu ul li {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 5px;
    margin-top: 15px;
    display: block;
}
.blog-side-menu ul li a,
.catagory-menu ul li a {
    color: #333;
    margin-bottom: 10px;
    text-decoration: none;
    font-size: 18px;
    transition: .3s;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.blog-side-menu ul li a:hover,
.catagory-menu ul li a:hover {
    color: #F07C29;
}

.blog-side-menu ul li:first-child {
    margin-top: 0;
}
.blog-side-menu ul li a i {
    padding-left: 14px; /*Modified*/
}
.catagory-menu ul li {
    position: relative;
}
.catagory-menu ul li ul.category-sub li {
    padding-right: 10px; /*Modified*/
}
.catagory-menu ul li ul.category-sub li:last-child {
    border-bottom: 0 none;
}
.catagory-menu ul li ul.category-sub li a {
    font-size: 18px;
}
.catagory-menu ul li a {
    cursor: pointer;
    display: block;
}
.catagory-menu ul li.has-sub::before {
    content: "\f067 ";
    cursor: pointer;
    font-family: fontawesome;
    font-size: 18px;
    position: absolute;
    left: 0; /*Modified*/
    top: 0px;
    cursor: pointer;
}
.product-area .single-catagory .catagory-menu ul li.has-sub.open::before {
    content: "\f068";
}
.category-sub {
    display: none;
}
.blog-tag ul li {
    display: inline-block;
}
.blog-tag ul li a {
    background: #ebebeb none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    color: #333;
    display: block;
    font-size: 15px;
    padding: 7px 10px;
    transition: all 0.3s ease 0s;
    margin-bottom: 10px;
    text-decoration: none;
}
.blog-tag ul li a:hover {
    background: #F07C29 none repeat scroll 0 0;
    border: 1px solid #F07C29;
    color: #fff;
}
.author-destils {
    overflow: hidden;
}
.author-destils .author-left {
    display: inline-block;
    float: right; /*Modified*/
    width: 65%;
}
.author-destils .author-left .author-img {
    display: inline-block;
    float: right; /*Modified*/
    margin-left: 10px; /*Modified*/
    width: 10%;
}
.author-destils .author-left .author-description {
    float: right; /*Modified*/
    margin-top: 15px;
    overflow: hidden;
    width: 80%;
}
.author-destils .author-left .author-description p {
    margin: 0;
    font-family: 'Bahij Hassan', serif;
    color: #333;
    font-weight: 400;
}
.author-destils .author-left .author-description p a {
    color: #333;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.author-destils .author-left .author-description p a span {
    color: #333;
    font-weight: 700;
    margin: 0 2px;
}
.author-destils .author-left .author-description span {
    margin-top: 3px;
    color: #333;
}
.author-destils .author-right {
    display: inline-block;
    float: left; /*Modified*/
    margin-top: 23px;
    width: 30%;
}
.author-destils .author-right span {
    color: #333;
    font-family: 'Bahij Koodak';
    font-size: 22px;
    font-style: italic;
    font-weight: 500;
    line-height: 8px;
    float: right; /*Modified*/
}
.author-destils .author-right ul {
    float: left; /*Modified*/
    margin-top: -8px;
}
.author-destils .author-right ul li {
    display: inline-block;
    margin-right: 15px; /*Modified*/
}
.author-destils .author-right ul li a {
    font-size: 16px;
    color: #333;
    transition.3s;
}
.author-destils .author-right ul li a:hover {
    color: #F07C29;
}
.single-blog-content .single-blog-title h3 a,
.single-blog-content .single-blog-title h3 {
    color: #252525;
    font-size: 30px;
    font-weight: 500;
    transition: .3s;
    text-decoration: none;
    font-family: 'Bahij Titr', serif;
    font-weight: 400;
}
.single-blog-content .single-blog-title h3 a:hover {
    color: #F07C29;
}
.single-blog-content .blog-single-content p {
    font-size: 20px;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
    color: #333;
}
.single-blog-content .blog-single-content blockquote {
    background: rgba(102, 102, 102, 0.05) none repeat scroll 0 0;
    border-color: #F07C29;
    font-family: 'Bahij Badr';
    font-size: 24px;
    font-style: italic;
    margin: 20px 0;
    padding: 20px;
    color: #333;
}
.comment-tag {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    margin-top: 20px;
    padding-top: 10px;
}
.comment-tag p {
    color: #333;
    font-size: 18px;
}
.blog-img {
    overflow: hidden;
    position: relative;
}
.blog-img a img {
    transform: scale(1);
    transition: .4s;
}
.blog-img a img:hover {
    transform: scale(1.1);
}
.sharing-post {
    overflow: hidden;
}
.sharing-post .share-text {
    float: right; /*Modified*/
}
.sharing-post .share-text span {
    font-size: 24px;
    font-style: normal;
    line-height: 18px;
    margin-left: 30px; /*Modified*/
    color: #333;
}
.sharing-post .share-icon {
    float: left; /*Modified*/
}
.sharing-post .share-icon ul li {
    display: inline-block;
    padding-right: 15px; /*Modified*/
}
.sharing-post .share-icon ul li a {
    font-size: 18px;
    color: #333;
    text-decoration: none;
    transition: .3s;
}
.sharing-post .share-icon ul li a:hover {
    color: #F07C29;
}
.comment-title-wrap {
    border-bottom: 2px solid #ebebeb;
    text-transform: uppercase;
    position: relative;
}
.comment-title-wrap:before {
    background: #F07C29 none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    height: 2px;
    position: absolute;
    width: 120px;
}
.comment-title-wrap h3 {
    font-weight: 700;
    color: #333;
}
.comment-reply-wrap ul li {
    margin-bottom: 20px;
    overflow: hidden;
}
.comment-reply-wrap ul li:last-child {
    margin-bottom: 0;
}
.comment-reply-wrap ul li .public-comment-2 {
    margin-right: 35px; /*Modified*/
}
.comment-reply-wrap ul li .public-comment .comment-img {
    float: right; /*Modified*/
    margin-left: 26px; /*Modified*/
    overflow: hidden;
    width: 8%;
}
.comment-reply-wrap ul li .public-comment .public-text {
    border: 1px solid #ebebeb;
    border-radius: 3px;
    float: right; /*Modified*/
    padding: 15px;
    position: relative;
    width: 88%;
}
.comment-reply-wrap ul li .public-comment .public-text::before {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb; /*Modified*/
    content: "";
    display: block;
    height: 10px;
    right: -5px; /*Modified*/
    position: absolute;
    top: 10px;
    transform: rotate(45deg);
    width: 10px;
}
.comment-reply-wrap ul li .public-comment .public-text .single-comm-top > a {
    color: #333;
    font-size: 21px;
    font-weight: 700;
    text-decoration: none;
}
.comment-reply-wrap ul li .public-comment .public-text .single-comm-top p {
    color: #333;
    font-size: 18px;
    margin-bottom: 8px;
}
.comment-reply-wrap ul li .public-comment .public-text .single-comm-top p a {
    color: #333;
    font-size: 19px;
    padding-right: 40px; /*Modified*/
    text-decoration: none;
    transition: .3s;
}
.comment-reply-wrap ul li .public-comment .public-text .single-comm-top p a:hover {
    color: #F07C29;
}
.comment-reply-wrap ul li .public-comment .public-text p {
    color: #333;
    font-size: 18px; /*Modified*/
    margin-bottom: 0;
}
.comment-input p {
    color: #333;
}
.comment-input .comment-input-textarea form label {
    color: #333;
    display: block;
}
.comment-input .comment-input-textarea form textarea,
.comment-input .single-comment-input form input {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    height: 150px;
    padding: 15px;
    width: 100%;
    color: #333;
}
.comment-input .single-comment-input form label {
    color: #333;
    display: block;
}
.comment-input .single-comment-input form input {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    height: 45px;
    padding-right: 15px; /*Modified*/
    width: 100%;
}
.single-post-button a {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #333;
    color: #fff;
    font-size: 17px; /*Modified*/
    padding: 9px 15px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    display: inline-block;
}
.single-post-button a:hover {
    background: #F07C29 none repeat scroll 0 0;
    border: 1px solid #F07C29;
}

/*----------------------------------------*/
/*  22. Login
/*----------------------------------------*/

.user-login-area {
    overflow: hidden;
    background: #fff;
}
.login-title h2 {
    color: #202020;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-transform: capitalize;
    font-family: 'Bahij Titr', serif;
    font-weight: 400;
}

.login-title p {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    line-height: 1.6em;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
    color: #333;
}
.login-form {
    border: 1px solid rgba(0, 0, 0, 0.12);
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    padding: 25px 30px;
    width: 100%;
}
.login-form .single-login {
    margin-bottom: 15px;
}
.login-form .single-login label {
    color: #333;
    font-size: 19px;
    font-weight: 400;
    margin-top: 7px;
    display: block;
    font-family: 'Bahij Koodak', serif;
    font-weight: 400;
}
.login-form .single-login input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #eceff8;
    padding: 12px 10px;
    width: 100%;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.login-form .single-login button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #eceff8;
    display: inline-block;
    padding: 10px 43px;
    color: #333;
    text-transform: capitalize;
    text-decoration: none;
    float: right;
    transition: .3s;
    font-family: 'Bahij Koodak', serif;
    font-weight: 400;
}
.login-form .single-login button:hover {
    background: #F07C29;
    color: #fff;
    border: 1px solid #F07C29;
}
.single-login input#rememberme {
    float: left;
    width: 7%;
    margin-top: 14px;
}
.single-login-2 span {
    float: left;
    margin-top: 10px;
    font-family: 'Bahij Koodak', serif;
    font-weight: 400;
    color: #333;
}
.single-login-2 {
    overflow: hidden;
}
.login-form > a {
    color: #F07C29;
    line-height: 24px;
    margin-bottom: 15px;
    font-size: 20px;
}

/*----------------------------------------*/
/*  23. Register
/*----------------------------------------*/

.single-register {
    margin-bottom: 15px;
    overflow: hidden;
}
.single-register form {}
.single-register form label,
.single-register label {
    color: #333;
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin-top: 7px;
    font-family: 'Bahij Koodak', serif;
    font-weight: 400;
}
.single-register form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #eceff8;
    box-shadow: none;
    color: #333;
    font-size: 18px;
    height: 45px;
    padding-right: 10px;
    width: 100%;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.single-register .chosen-select {
    height: 45px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #eceff8;
    color: #626262;
    font-size: 18px;
    height: 45px;
    padding-right: 10px;
    box-shadow: none;
    text-align: right;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.single-register input#billing_address_2 {
    margin-top: 15px;
}
.single-register-3 #rememberme {
    display: inline-block;
    float: right;
}
.single-register-3 label {
    display: inline-block;
    float: right;
    margin-top: 0;
    padding-right: 10px;
    font-size: 17px;
    font-family: 'Bahij Koodak', serif;
    font-weight: 400;
}
.single-register-3 label a {
    color: #F07C29;
    font-size: 18px;
    text-decoration: none;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.single-register > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #eceff8;
    box-shadow: none;
    color: #626262;
    display: inline-block;
    font-size: 18px;
    margin-top: 6px;
    padding: 12px 48px;
    text-decoration: none;
    transition: .3s;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.single-register > a:hover {
    background-color: #F07C29;
    color: #fff;
    border: 1px solid #F07C29;
}


/*----------------------------------------*/
/*  24. Contact
/*----------------------------------------*/

.contact-area,
.map-area {
    overflow: hidden;
}
.contact .static3_home1 {
    background-color: #f4f4f4;
}
#googleMap {
    height: 410px;
    width: 100%;
}
.contact-info h3,
.contact-form h3 {
  border-bottom: 2px solid #e8e8e9;
  color: #333;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 8px;
  text-transform: uppercase;
}
.contact-info ul li {
    border-bottom: 1px solid #e8e8e9;
    float: right;
    font-size: 18px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    width: 100%;
    color: #333;
}
.contact-info ul li i {
    font-size: 20px;
    margin-right: 5px;
    width: 20px;
}
.contact-info ul li span {
    font-weight: 700;
    font-family: 'Bahij Hassan', serif;
    color: #333;
}
.contact-info ul li a {
    color: #333;
    text-decoration: none;
    transition: .3s;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.contact-info ul li a:hover {
    color: #F07C29;
}
.contact-form h3 i {
    padding-left: 8px;
}
.contact-form form .single-form-3 input,
.contact-form .single-form-3 textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #eceff8;
    font-size: 20px;
    margin-bottom: 16px;
    padding: 12px 10px;
    width: 100%;
    color: #333;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}

.contact-form form .single-form-3 input::-moz-placeholder ,
.contact-form .single-form-3 textarea::-moz-placeholder {
    color: #333 !important;
    opacity: 1;
}
.contact-form form .single-form-3 input::-webkit-input-placeholder ,
.contact-form .single-form-3 textarea::-webkit-input-placeholder {
    color: #333 !important;
    opacity: 1;
}




.contact-form .single-form-3 textarea {
    height: 200px;
}
.contact-form form .single-form-3 button {
    background: #252525 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    height: 40px;
    margin-top: 16px;
    padding: 0 15px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 140px;
    font-family: 'Bahij Koodak', serif;
    font-weight: 400;
}
.contact-form form .single-form-3 button:hover {
    background: #F07C29 none repeat scroll 0 0;
}

/*----------------------------------------*/
/*  25. About
/*----------------------------------------*/

.about-main-area,
.our-mission-area,
.team-area,
.skill-area {
    overflow: hidden;
}
.about-img {
    overflow: hidden;
}
.about-img a img {
    transform: scale(1);
    transition: .4s;
}
.about-img a img:hover {
    transform: scale(1.1);
}
.about-content h3,
.single-misson h3 {
    color: #252525;
    display: inline-block;
    font-size: 34px;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 20px;
    font-family: 'Bahij Titr', serif;
    font-weight: 400;
}
.about-content h3 span,
.single-misson h3 span {
    font-weight: 500;
    padding-right: 10px;
    font-family: 'Bahij Titr', serif;
    font-weight: 400;
}
.about-content p,
.single-misson p {
    color: #4a4d4f;
    font-size: 19px;
    line-height: 25px;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.about-content ul li {
    margin-top: 5px;
}
.about-content ul li a {
    font-size: 20px;
    color: #444;
    text-decoration: none;
    transition: .3s;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.about-content ul li a:hover {
    color: #F07C29;
}
.about-content ul li a i {
    color: #a08d7c;
    font-size: 20px;
    padding-left: 6px;
}
.counter-area {
    background: rgba(0, 0, 0, 0) url("img/banner/38.html") repeat scroll center center;
}
.single-counter h2 {
    font-size: 44px;
    color: #444;
    font-weight: 600;
    font-family: 'Bahij Koodak', serif;
    font-weight: 400;
}
.single-counter span {
    font-size: 19px;
    text-transform: uppercase;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.team-title h2 {
  color: #333;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
}
.team-title h2 span {
    font-weight: 700;
    font-family: 'Bahij Titr', serif;
    font-weight: 400;
}
.team-content {
    margin-top: 15px;
}
.team-content h3 {
    font-size: 24px;
    margin: 0;
    font-weight: 500;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.team-content span {
  color: #666;
  display: block;
  font-family: "Bahij Koodak",serif;
  font-size: 19px;
  font-weight: 400;
  margin: 3px 0 0;
}
.team-img-area {
    position: relative;
}
.team-img {
    position: relative;
}
.team-img a::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    right: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 1;
    transform: scale(0);
}
.team-img a img {
    width: 100%;
}
.single-team:hover .team-img a::before {
    opacity: .5;
    transform: scale(1);
}
.team-link {
    right: 0;
    position: absolute;
    left: 0;
    text-align: center;
    top: 70%;
    transform: translateY(-50%);
    width: 100%;
    opacity: 0;
    z-index: 5;
    transition: .6s;
}
.single-team:hover .team-link {
    opacity: 1;
    top: 50%;
}
.team-link ul li {
    display: inline-block;
    margin: 0 10px;
}
.team-link ul li a {
    color: #fff;
    font-size: 24px;
    transition: all 0.3s ease 0s;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.team-link ul li a:hover {
    color: #F07C29
}
.skill-content h3 {
    color: #252525;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 30px;
    font-family: 'Bahij Titr', serif;
    font-weight: 400;
}
.skill-content h3 span {
    font-weight: 700;
    margin: 0 8px;
}
.skill-content p {
    color: #4a4d4f;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 25px;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.skill-content a {
    border-bottom: 1px solid #a08d7c;
    color: #333;
    font-size: 19px;
    display: inline-block;
    text-decoration: none;
    transition: .3s;
    font-family: 'Bahij Hassans', serif;
    font-weight: 400;
}
.skill-content a:hover {
    color: #F07C29;
    border-bottom: 1px solid #F07C29;
}
.skill-content a i {
    padding-right: 5px;
}
.skill-progress {
    overflow: hidden;
    padding-top: 30px;
}
.progress {
    height: 5px;
    margin-bottom: 40px;
    overflow: visible;
    position: relative;
    border-radius: 2px;
}
.progress .skill-title {
    color: #333;
    font-weight: 700;
    position: absolute;
    text-transform: uppercase;
    top: -28px;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
}
.progress .progress-bar {
    background: rgb(123, 123, 123) none repeat scroll 0 0;
    border-radius: 2px 0 0 2px;
    height: 5px;
}

/*----------------------------------------*/
/*  29. 404 page
/*----------------------------------------*/

.section-element-area {
    overflow: hidden;
}
.page .entry-header p {
    color: #000;
    font-size: 24px;
    margin-bottom: 0;
    font-family: 'Bahij Koodak', serif;
    font-weight: 400;
    font-weight: 400;
}
.page .entry-content p {
    font-size: 18px;
    margin-bottom: 40px;
    color: #333;
}
.page .entry-content a {
    border: 2px solid #aaa;
    color: #333;
    font-weight: 700;
    padding: 10px 30px;
    transition: .3s;
    text-decoration: none;
    font-family: 'Bahij Hassan', serif;
    font-weight: 400;
    font-weight: 400;
}
.page .entry-content a:hover {
    background: #F07C29 none repeat scroll 0 0;
    border-color: #F07C29;
    color: #fff;
}
#productModal .modal-dialog {
    margin: 8% auto;
    width: 960px;
}
.quickview .modal-header {
    border: medium none;
    padding: 0.625rem;
}
.modal-body {
    padding: 30px 50px;
}
.modal-pro-content h3 {
    color: #333;
    font-family: "Bahij Titr", serif;
    font-size: 54px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 15px;
    text-transform: capitalize;
}
.modal-pro-content .price {
    margin: 0 0 12px;
}
.modal-pro-content .price > span {
    color: #f07c29;
    font-family: "Bahij Hassan", serif;
    font-size: 32px;
    font-style: italic;
    font-weight: 600;
    line-height: 30px;
}
.quickview-color > ul li {
    cursor: pointer;
    display: block;
    float: right; /*Modified*/
    height: 25px;
    margin-left: 9px; /*Modified*/
    text-indent: -9999px;
    transition: all 0.4s ease 0s;
    width: 25px;
}
.quickview-color > ul li.blue {
    background: #0000FE none repeat scroll 0 0;
}
.quickview-color > ul li.red {
    background: #DC143C none repeat scroll 0 0;
}
.quickview-color > ul li.pink {
    background: #FF017E none repeat scroll 0 0;
}
.quick-view-select {
    display: block;
    margin: 3px 0 20px;
    overflow: hidden;
    padding: 10px 0 0;
}
.select-option-part select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
    color: #232323;
    font-size: 19px;
    height: 39px;
    padding: 0 35px 0 5px;
    width: auto;
    background: rgba(0, 0, 0, 0) url("img/icon-img/select.png") no-repeat scroll right 0.5rem center / 2.25rem 2.25rem;
}
.select-option-part > label,
.quickview-color-wrap > label {
    color: #232323;
    display: block;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0.375rem;
    opacity: 1;
}
.modal-pro-content form button {
    background: #333 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    height: 49px;
    letter-spacing: 0.025em;
    line-height: 49px;
    margin-right: 45px; /*Modified*/
    padding: 0 30px;
    text-transform: uppercase;
}
.modal-pro-content form button:hover {
    background: #f07c29 none repeat scroll 0 0;
}
.quickview-color-wrap {
    margin: 15px 0 0;
}
.modal-pro-content input {
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
    color: #232323;
    font-size: 19px; /*Modified*/
    height: 49px;
    padding: 0 10px;
    width: 65px;
}
.modal-pro-content > span {
    color: #666;
    font-size: 18px; /*Modified*/
    font-weight: 500;
}
.modal-pro-content > span i {
    color: #4cbb6c;
    font-size: 22px;
}
.modal-pro-content > form {
    margin: 0 0 16px;
}
.modal-pro-content > p {
    margin: 0;
}
.quickview-active.owl-carousel .owl-nav button {
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    color: #232323;
    display: inline-block;
    font-size: 20px;
    height: 35px;
    left: -15px;
    line-height: 30px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 38%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    width: 35px;
}
.quickview-active.owl-carousel .owl-nav button:hover {
    background-color: #f07c29;
    color: #fff;
}
.quickview-active.owl-carousel .owl-nav button.owl-next {
    right: auto; /*Modified*/
    left: -15px; /*Modified*/
}
.quickview-active:hover .owl-nav button {
    opacity: 1;
}


/* of another website */
.boxed-btn3 {
    background: #025A84;
    color: #fff;
    display: inline-block;
    padding: 18px 41px;
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    font-weight: 500;
    border: 0;
    margin-top: 34px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
  }
  
  /* line 42, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_btn.scss */
  .boxed-btn3:hover {
    background: #f07c29;
    color: #fff !important;
  }
  
  /* line 46, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_btn.scss */
  .boxed-btn3:focus {
    outline: none;
  }
  
  /* line 49, ../../Arafath/CL/December/231. Travel-02/HTML/scss/_btn.scss */
  .boxed-btn3.large-width {
    width: 220px;
  }

  .boxed-btn3 {
    width: 180px;
    text-transform: capitalize;
  }