/* Css For Baby Eats */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. Welcome Section
7. Service Section
9. Takecare Section
8. Gallery Section
10. Team Section
11. Clients Section
12. About Section
14. News Section
15. Testimonial Section
16. Contact Section
19. Main Footer
20. Footer Bottom
21. Header Style Two
22. Slider Style Two
23. About Style Two
24. Team Style Two
25. Chooseus Section
26. Healthcare Section
27. Pricing Section
28. Google Map Section
29. Cta Section
30. About Page
31. Page Title
32. Page Info
33. About Style Three
34. Faq Section
35. Error Section
36. Service Page
37. Service Page Section
38. Single Service Page
39. Single Service Content
40. Gallery Page
41. Our Blog/Blog Page
42. Blog Grid
43. Blog-Single
44. Contact Page
45. Contact Section
46. Google Map


**********************************************/


/* use font link */

@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:300,400,500,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Atma:wght@300;400;500;600;700&display=swap');

/* use style sheet */

@import url(font-awesome-all.css);
@import url(flaticon.css);
@import url(owl.css);
@import url(bootstrap.css);
@import url(jquery.fancybox.min.css);
@import url(animate.css);
@import url(jquery-ui.css);
@import url(jquery.bootstrap-touchspin.css);



/***

====================================================================
  Reset
====================================================================

 ***/
* {
    margin:0px;
    padding:0px;
    border:none;
    outline:none;
}


/***

====================================================================
  Global Settings
====================================================================

 ***/

@font-face {
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    src: url('HelveticaNeueLTArabic-Roman.eot');
    src: url('HelveticaNeueLTArabic-Roman.eot?#iefix') format('embedded-opentype'),
    url('HelveticaNeueLTArabic-Roman.woff2') format('woff2'),
    url('HelveticaNeueLTArabic-Roman.woff') format('woff'),
    url('HelveticaNeueLTArabic-Roman.ttf') format('truetype'),
    url('HelveticaNeueLTArabic-Roman.svg#HelveticaNeueLTArabic-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html{
    scroll-behavior: smooth;
}

body {
    font-size:16px;
    color:#313131;
    line-height:26px;
    font-weight:400;
    background:#ffffff;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center top;
    -webkit-font-smoothing: antialiased;
    text-align: right;
    overflow-x:hidden;
}

@media (min-width:1200px) {
    .container {
        max-width: 1170px;
        padding: 0px;
    }
}

.container-fluid{
    padding: 0px;
}

.auto-container{
    position:static;
    max-width:1200px;
    padding:0px 15px;
    margin:0 auto;
}

.small-container{
    max-width:680px;
    margin:0 auto;
}

.boxed_wrapper{
    position: relative;
    overflow-x: hidden;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
}


a{
    text-decoration:none;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

a:hover{
    text-decoration:none;
    outline:none;
    color: #dbc195;
}

input,button,select,textarea{
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 400;
    font-size: 15px;
}

ul,li{
    list-style:none;
    padding:0px;
    margin:0px;
}

input{
    transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
    outline: none;
    box-shadow: none;
    transition: all 500ms ease;
}

p{
    position: relative;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    line-height: 26px;
    color: #615e5d;
    margin-bottom: 0px;
    font-style: normal;
    transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6 {
    position:relative;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 600;
    margin: 0px;
    transition: all 500ms ease;
    line-height: normal;
    color: #692525;
}


.centred{
    text-align: center;
}

.pull-left{
    float: left;
}

.pull-right{
    float: right;
}

.gray-bg{
    background: #f2f1f0;
}

.black-bg{
    background: #3b3634;
}

.sec-pad{
    padding: 144px 0px 150px 0px;
}

figure{
    margin: 0px;
}

img{
    display: inline-block;
    max-width: 100%;
    height: auto;
}

@keyframes pulse {
    50% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3),
        0 0 0 30px rgba(255, 255, 255, 0.1);
    }
}

/** button **/

.theme-btn{
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    padding: 17px 40px;
    background-color: #dbc195;
    line-height: 26px;
    color: #ffffff;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    transition: all 500ms ease;
    z-index: 1;
    border-radius: 10px;
}

.theme-btn:before {
    position: absolute;
    content: '';
    top: 0;
    left: -1px;
    width: 101%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    background-color: #692525;
    color: #ffffff!important;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
    border-radius: 10px;
}

.theme-btn:hover:before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}


.pagination{
    position: relative;
    display: block;
    margin-top: 30px;
}

.pagination li{
    display: inline-block;
    margin: 0px 5px;
}

.pagination li a{
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    height: 60px;
    font-weight: 700;
    width: 60px;
    line-height: 60px;
    text-align: center;
    color: #692525;
    border-radius: 50%;
    border: 1px solid #e7e7e7;
    transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.active{
    background: #dbc195;
    color: #ffffff;
}

.sec-pad{
    padding: 144px 0px 150px 0px;
}

.preloader{
    position: fixed;
    left:0px;
    top:0px;
    height:100%;
    width: 100%;
    z-index:999999;
    background-color:#ffffff;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url(../images/icons/preloader.gif);
}

.scroll-top {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 105%;
    right: 15px;
    font-size: 20px;
    border-radius: 50%;
    z-index: 99;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    background: #dbc195;
    transition: .5s ease;
    display: none!important;
}

.scroll-top.open {
    bottom: 30px;
}

.scroll-top:hover{
    background: #692525;
}

.scroll-top:after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

/** sec-title **/

.sec-title h5{
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 26px;
    color: #dbc195;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 900;
    margin-bottom: 13px;
    padding: 0px 50px 0px 50px;
}

.sec-title h5:before{
    position: absolute;
    content: '';
    background: #dbc195;
    width: 30px;
    height: 2px;
    left: 0px;
    bottom: 11px;
}

.sec-title h5:after{
    position: absolute;
    content: '';
    background: #dbc195;
    width: 30px;
    height: 2px;
    right: 0px;
    bottom: 11px;
}

.sec-title span{
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 26px;
    color: #dbc195;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 900;
    margin-bottom: 13px;
    padding: 0px 50px 0px 50px;
}

.sec-title span:before{
    position: absolute;
    content: '';
    background: #dbc195;
    width: 30px;
    height: 2px;
    left: 0px;
    bottom: 11px;
}

.sec-title span:after{
    position: absolute;
    content: '';
    background: #dbc195;
    width: 30px;
    height: 2px;
    right: 0px;
    bottom: 11px;
}

.sec-title.style-two h5:after{
    display: none;
}

.sec-title.style-two h5{
    padding-right: 0px;
}

.sec-title h1{
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 50px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 900;
    color: #692525;
}

.sec-title h2{
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 50px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 900;
    color: #692525;
}



/***

====================================================================
                        Home-Page-One
====================================================================

***/


/** main-header **/

.main-header{
    position:relative;
    left:0px;
    top:0px;
    background: transparent;
    z-index:999;
    width:100%;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.sticky-header{
    position:fixed;
    opacity:0;
    visibility:hidden;
    background: #dbc195;
    left:0px;
    top:0px;
    border-bottom: 1px solid #e0e0e0;
    width:100%;
    z-index:0;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.fixed-header .sticky-header{
    z-index:999;
    opacity:1;
    visibility:visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.main-header .header-top{
    position: relative;
    display: block;
    width: 100%;
    padding: 16px 0px 17px 0px;
    background:#fcf8f4;
}
.main-header .header-top::before{
    content: "";
    position: absolute;
    display: block;
    background-image: linear-gradient(to top, rgba(0,0,0,0.0), rgba(0,0,0,0.1), rgba(0,0,0,0.4));
    width: 100%;
    height: 200px;
    top: 0;
    opacity:0;
    display:none;
}

.main-header .header-top .social-list li{
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.main-header .header-top .social-list li:last-child{
    margin-right: 0px;
}

.main-header .header-top .social-list li a{
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 26px;
    color: #fff;
}

.main-header .header-top .social-list li a:hover,
.main-header .header-top .header-info li a:hover{
    color: #dbc195;
}

.main-header .header-top .header-info li{
    position: relative;
    display: inline-block;
    margin-right: 32px;
    padding: 0px 0px 0px 22px;
}

.main-header .header-top .header-info li:last-child{
    margin-right: 0px;
}

.main-header .header-top .header-info li:before{
    position: absolute;
    content: '';
    border: 1px dashed #59688d;
    height: 20px;
    width: 1px;
    top: 5px;
    right: -18px;
}

.main-header .header-top .header-info li:last-child:before{
    display: none;
}

.main-header .header-top .header-info li i{
    position: absolute;
    left: 0px;
    top: 7px;
    font-size: 14px;
    color: #dbc195;
}

.main-header .header-top .header-info li a{
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #692525;
}

.main-header .outer-content li{
    position: relative;
    display: inline-block;
}

.main-header .outer-content li.header-flyout-searchbar i{
    position: relative;
    display: inline-block;
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #fbb419;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 7px;
    transition: all 500ms ease;
}

.main-header .outer-content li a{
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    background: #692525;
    text-align: center;
    border-radius: 5px;
}

.main-header .outer-content li a:hover,
.main-header .outer-content li.header-flyout-searchbar i:hover{
    background: #dbc195;
}

.main-header .outer-box{
    margin-top: 32px;
}

.main-header .logo-box .logo{
    position: relative;
    display: inline-block;
    padding: 0px 0px;
}
.main-header .logo-box .logo a{
    z-index: 999;
    position: relative;
}

.main-header .logo-box .logo:before{
    position: absolute;
    content: '';
    width: calc(100% + 55px);
    height: 54px;
    left: -27px;
    top: 60px;
    background-repeat: no-repeat;
    background: rgb(239, 205, 115);
    border-top: 1px dashed #fff;
    border-bottom: 1px dashed #fff;
    box-shadow: 0 0 0 5px rgb(239 205 115);
}

/** search-box **/

.wraper_flyout_search {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_flyout_search > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.wraper_flyout_search > .table > .table-cell {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.wraper_flyout_search > .table > .table-cell > .flyout-search-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.wraper_flyout_search > .table > .table-cell > .flyout-search-layer:nth-child(1) {
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.wraper_flyout_search > .table > .table-cell > .flyout-search-layer:nth-child(2) {
    left: 0px;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease-in-out 0.3s;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.wraper_flyout_search > .table > .table-cell > .flyout-search-layer:nth-child(3) {
    left: 0px;
    background-color: rgba(0, 0, 0, 0.9);
    transition: all 0.9s ease-in-out 0.6s;
    -webkit-transition: all 0.9s ease-in-out 0.6s;
}

.wraper_flyout_search > .table > .table-cell > .flyout-search-close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 30px;
    z-index: 2;
    text-align: center;
    cursor: pointer;
}

.wraper_flyout_search > .table > .table-cell > .flyout-search-close > .flyout-search-close-line {
    width: 100%;
    height: 2px;
    float: left;
    margin-bottom: 5px;
    background-color: #fff;
}

.wraper_flyout_search > .table > .table-cell > .flyout-search-close > .flyout-search-close-line:nth-child(1) {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.wraper_flyout_search > .table > .table-cell > .flyout-search-close > .flyout-search-close-line:nth-child(2) {
    margin-top: -7px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.wraper_flyout_search > .table > .table-cell .flyout_search {
    position: relative;
    z-index: 1;
    float: right;
    width: 100%;
    max-width: 500px;
    padding: 100px 40px 100px 40px;
    text-align: right;
}

.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title {
    margin-bottom: 30px;
}

.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title > *:last-child {
    margin-bottom: 0 !important;
}

.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title h4 {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    color: #fff;
    line-height: 45px;
    letter-spacing: 50px;
    opacity: 0;
    transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
}

.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row {
    position: relative;
    padding: 0;
    margin: 0;
}

.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row input[type=search] {
    width: 100%;
    height: 60px;
    padding: 0px 40px 0px 0px;
    background-color: initial;
    border: none;
    border-bottom: 3px #dedede solid;
    box-shadow: initial;
    font-size: 20px;
    color: #fff;
}

.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row button[type=submit] {
    position: absolute;
    top: 17px;
    right: 0;
    z-index: 1;
    width: 40px;
    height: auto;
    background-color: initial;
    border: none;
    cursor: pointer;
}

.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row button[type=submit] i {
    font-size: 20px;
    color: #fff;
    line-height: 20px;
}

body.flyout-searchbar-active .wraper_flyout_search {
    opacity: 1;
    visibility: visible;
}

body.flyout-searchbar-active .wraper_flyout_search > .table > .table-cell > .flyout-search-layer {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

body.flyout-searchbar-active .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title h4 {
    letter-spacing: 0;
    opacity: 1;
}

#hamburger-menu {
    width: 100%;
}



/** main-menu **/

.main-header .menu-area,
.main-header .outer-box{
    position: relative;
    float: left;
}

.main-header .social-style-one{
    margin-top: 22px;
}

.main-header .menu-area{
    margin-right: 22px;
}

.main-menu{
    position: relative;
    display: block;
}

.main-menu .navbar-collapse{
    padding:0px;
}

.main-menu .navigation > li{
    position:relative;
    float:right;
    margin: 0px 18px;
}

.main-menu .navigation > li:first-child{
    margin-left: 0px;
}

.main-menu .navigation > li > a{
    position:relative;
    display:block;
    font-size:18px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color:#692525;
    line-height:26px;
    font-weight:600;
    opacity:1;
    text-transform:capitalize;
    padding: 16px 0px 22px 0px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
    color: #dbc195;
}

.main-menu .navigation{
    position: relative;
    margin-top: 0px;
    margin-left:auto;
    margin-right:auto;
}

.sticky-header .main-menu .navigation{
    margin-top: 0px;
}

.main-menu .navigation > li > ul{
    position:absolute;
    right:0px;
    top: 100%;
    width:250px;
    z-index:100;
    display:none;
    background:#ffffff;
    border-top: 0px solid #dbc195;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul > li{
    position:relative;
    width:100%;
    padding: 7px 25px;
    border-bottom: 1px solid #e5e5e5;
    transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li:last-child{
    border-bottom:none;
}

.main-menu .navigation > li > ul > li > a{
    position:relative;
    display:block;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    padding:6px 0px;
    line-height:24px;
    font-size:15px;
    color:#692525;
    font-weight: 700;
    text-align:left;
    text-transform:capitalize;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    text-align:right;
}

.main-menu .navigation > li > ul > li:hover{
    background: #dbc195;
    border-bottom: 1px solid #dbc195;
}

.main-menu .navigation > li > ul > li:hover a{
    color: #ffffff;
    padding-left: 10px;
}

.main-menu .navigation > li > ul > li:last-child:hover{
    border-bottom: none;
}

.main-menu .navigation > li.dropdown:hover > ul{
    visibility:visible;
    opacity:1;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
    position:absolute;
    right: 15px;
    top: 8px;
    font-size:18px;
    border: 1px solid #ffffff;
    color:#ffffff;
    width: 35px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor:pointer;
    z-index:5;
    display: none;
}

.navbar-header {
    display: none;
}

/** sub-menu **/

.main-menu .navigation > li > ul > li > ul{
    position:absolute;
    left:100%;
    top:0%;
    width:230px;
    z-index:100;
    display:none;
    padding: 0px 0px;
    background-color: #ffffff;
    border-top: 3px solid #dbc195;
    -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 0;
}

.main-menu .navigation > li > ul > li > ul > li{
    position:relative;
    width:100%;
    margin:0px;
    border-bottom: 1px solid #e5e5e5;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
    border-bottom:none;
}

.main-menu .navigation > li > ul > li > ul > li > a{
    position:relative;
    display:block;
    padding:10px 25px !important;
    line-height:24px;
    font-weight:700;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-size:15px;
    text-transform:capitalize;
    color: #692525 !important;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
    color: #ffffff !important;
    background:#dbc195;
    padding-left: 35px !important;
}

.main-menu .navigation > li > ul > li.dropdown > a:after {
    position: absolute;
    content: "\f105";
    font-size: 16px;
    color: #222;
    top: 6px;
    right: -12px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    cursor: pointer;
    transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
    color: #ffffff;
}


/** stricky-header **/

.sticky-header .main-menu .navigation > li{
    margin: 0px !important;
}

.sticky-header .main-menu .navigation > li:before, .sticky-header .main-menu .navigation > li:after{
    display: none !important;
}

.sticky-header .main-menu .navigation > li > a{
    padding: 14px 30px 16px 30px !important;
}

.sticky-header .main-menu .navigation > li > a{
    color: #222222;
}

.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li:hover > a{
    background: #dbc195;
    color: #ffffff !important;
}

.sticky-header .logo-box{
    position: relative;
    float: left;
    margin-top: 10px;
}

.sticky-header .menu-area{
    position: relative;
    float: right !important;
}

.sticky-header .main-menu .navigation > li > a:before{
    display: none;
}

/** main-slider **/

.main-slider{
    position:relative;
}

.main-slider .slide{
    position:relative;
    padding:195px 0px 170px 0px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
}



.main-slider .slide .white-gradient{
    /*  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.0);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;*/

    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0%;
    border-radius: 0px;
    right: 0%;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
}

.main-slider.style-one .slide:before{
    background: rgba(255, 255, 255, 0.50);
}

.main-slider .content-box{
    position: relative;
    display: block;
    /*max-width: 700px;*/
    width: 100%;
}

.main-slider h3{
    position:relative;
    display: block;
    font-size: 38px;
    line-height: 35px;
    color: #313131;
    font-weight: 900;
    opacity: 0;
    margin-bottom: 30px;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    text-align: right;
}

.main-slider .active h3{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 1000ms;
    text-align: right;
}

.main-slider h1{
    position:relative;
    display: block;
    font-size: 60px;
    line-height: 70px;
    color: #692525;
    font-weight: 900;
    margin-bottom: 25px;
    opacity:0;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    text-align: right;
}

.main-slider .active h1{
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 1500ms;
    text-align: right;
}
 
.main-slider p{
    position:relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #454442;
    margin-bottom: 0px;
    opacity:0;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(5px);
}

.main-slider .active p{
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 1500ms;
}

.main-slider p{
text-align: right;
    font-size: 24px;
    line-height: 36px;
}

.main-slider .btn-box{
    opacity:0;
    -webkit-transition: all 1800ms ease;
    -moz-transition: all 1800ms ease;
    -ms-transition: all 1800ms ease;
    -o-transition: all 1800ms ease;
    transition: all 1800ms ease;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    margin: 30px 0;
    display: none;
    float: right;
}

.main-slider .active .btn-box{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 1800ms;
    margin: 30px 0;
    display: none;
    float: right;
}

/* slide nav */


.main-slider .owl-dots{
    position: absolute;
    text-align: center;
    left: 50%;
    bottom: 52px;
    display: none;
}

.main-slider .owl-dots .owl-dot span{
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.50);
    cursor: pointer;
    margin: 0px 3px;
    transition: all 500ms ease;
}

.main-slider .owl-dots .owl-dot.active span,
.main-slider .owl-dots .owl-dot:hover span{
    background: #ffffff;
    border: none;
}

.main-slider .owl-nav{
    position:absolute;
    left:0px;
    top:50%;
    z-index:1;
    width:100%;
    margin-top:-20px;
}

.main-slider .owl-theme .owl-controls .owl-nav [class*="owl-"]{
    position: absolute;
    color: rgba(255, 255, 255, 0.10);
}

.main-slider .nav-style-one .owl-nav .owl-prev{
    left: 70px;
}

.main-slider .owl-nav .owl-prev{
    position:absolute;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    background: #dbc195;
    width: 75px;
    height: 75px;
    line-height:75px;
    font-weight: 700;
    margin: 0px;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    transition: all 500ms ease;
}

.main-slider .owl-nav .owl-next{
    position:absolute;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    background: #dbc195;
    width: 75px;
    height: 75px;
    line-height:75px;
    font-weight: 700;
    margin: 0px;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    transition: all 500ms ease;
}

.main-slider .nav-style-one .owl-nav .owl-next{
    right: 70px;
}

.main-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover{
    background-color:#fff;
    color: #b2b2b2;
}


.float-bob-y{
    animation-name: float-bob-y;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float-bob-y;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob-y;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob-y;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.float-bob-x{
    animation-name: float-bob-x;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float-bob-x;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float-bob-x;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob-x;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob-x;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}


/** about-section **/

.about-section{
    position: relative;
    display: block;
    padding: 144px 0px 0px 0px;
}

.anim-icon {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.anim-icon .icon{
    position: absolute;
    background-repeat: no-repeat;
}

.about-section .image-box{
    position: relative;
    display: block;
    margin: 6px 30px 0px 140px;
}

.about-section .image-box:before{
    position: absolute;
    content: '';
    background: #9be9ff;
    width: 215px;
    height: 215px;
    border-radius: 50%;
    left: -135px;
    top: 105px;
    -webkit-animation: zoom-fade 5s infinite linear;
    animation: zoom-fade 5s infinite linear;
    display: none;
}

.about-section .image-box .image{
    position: relative;
    display: block;
    box-shadow: 0 30px 50px rgba(8,13,62,.15);
}

.about-section .image-box .image img{
    width: 100%;
}

.about-section .image-box .image-1{
    position: relative;
    display: block;
    border-radius: 30px;
}

.about-section .image-box .image-1 img{
    border-radius: 30px;
}

.about-section .image-box .image-2{
    position: absolute;
    left: -85px;
    bottom: -125px;
    border: 15px solid #fff;
    border-radius: 30px;
}

.about-section .content-box .sec-title{
    position: relative;
    display: block;
    margin-bottom: 33px;
}

.about-section .content-box .bold-text{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #4c4c4c;
    font-weight: 400;
    margin-bottom: 15px;
}

.about-section .content-box p{
    position: relative;
    display: block;
    margin-bottom: 46px;
}

.about-section .anim-icon .icon-1 {
    background: url(../images/icons/anim-icon-1.png);
    width: 210px;
    height: 275px;
    right: 140px;
    top: 40px;
    background-repeat: no-repeat;
}

.about-section .anim-icon .icon-2 {
    background: url(../images/icons/anim-icon-2.png);
    width: 188px;
    height: 192px;
    top: 70px;
    left: 110px;
    background-repeat: no-repeat;
}

.about-section .anim-icon .icon-3 {
    background: url(../images/icons/anim-icon-3.png);
    width: 102px;
    height: 198px;
    bottom: 50px;
    left: 150px;
    background-repeat: no-repeat;
    -webkit-animation: zoom-fade 5s infinite linear;
    animation: zoom-fade 5s infinite linear;
    z-index: 1;
}

.about-section .anim-icon .icon-4 {
    background: url(../images/babyeat2.jpg);
    width: 290px;
    height: 290px;
    bottom: 0;
    left: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/** service-section **/

.service-section{
    position: relative;
    display: block;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.service-section:before{
    position: absolute;
    content: '';
    background: rgba(33, 47, 84, 0.50);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.service-section .carousel-content{
    position: relative;
    display: block;
    margin-right: -340px;
    margin-top: 6px;
}

.service-block-one{
    /*  position: relative;
  display: block;
  background-image: url("../images/bowl.png");
  padding: 83px 30px 68px 30px;
  text-align: center;
  border-radius: 50%;
  transition: all 500ms ease;
	    margin: 0 22px;*/

    position: relative;
    display: block;
    /*background-image: url(../images/bowl.png);*/
    padding: 83px 30px 68px 30px;
    text-align: center;
    border-radius: 0%;
    transition: all 500ms ease;
    margin: 0px;
    background-size: contain;
    box-shadow: 0 0 0px #fff!important;
    background-repeat: no-repeat;

}

.service-block-one .icon-box{
    position: relative;
    display: inline-block;
    font-size: 65px;
    line-height: 65px;
    color: #dbc195;
    margin-bottom: 25px;
}

.service-block-one .icon-box:before{
    position: absolute;
    content: '';
    background: url(../images/icons/icon-1.png);
    width: 56px;
    height: 71px;
    right: -20px;
    top: -10px;
    background-repeat: no-repeat;
    transition: all 500ms ease;
}

.service-section .owl-item:nth-child(odd) .service-block-one .icon-box{
    color: #43b3d9;
}

.service-section .owl-item:nth-child(odd) .service-block-one .icon-box:before{
    position: absolute;
    content: '';
    background: url(../images/icons/icon-2.png);
    width: 64px;
    height: 70px;
    right: -20px;
    top: -10px;
    background-repeat: no-repeat;
}

.service-section .owl-item:nth-child(3n+1) .service-block-one .icon-box{
    color: #fbb419;
}

.service-section .owl-item:nth-child(3n+1) .service-block-one .icon-box:before{
    position: absolute;
    content: '';
    background: url(../images/icons/icon-3.png);
    width: 65px;
    height: 70px;
    right: -20px;
    top: -10px;
    background-repeat: no-repeat;
}

.service-block-one:hover .icon-box:before{
    transform: rotate(25deg) !important;
}

.service-block-one h3{
    margin-bottom: 27px;
}

h3{
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 900;
    color: #692525;
    margin-bottom: 10px;
}

h3 a{
    position: relative;
    display: inline-block;
    color: #692525;
}

h3 a:hover{
    color: #dbc195;
}

h2 a{
    position: relative;
    display: inline-block;
    color: #692525;
}

h2 a:hover{
    color: #dbc195;
}

.service-section .inner-content .sec-title h1,
.service-section .inner-content .sec-title h2,
.service-section .inner-content .text{
    color: #fff;
}

.service-section .inner-content{
    position: relative;
    display: block;
    margin-right: 20px;
}

.service-section .inner-content .sec-title{
    margin-bottom: 34px;
}

.service-section .owl-dots{
    display: none;
}

.service-section .owl-nav .owl-prev,
.service-section .owl-nav .owl-next{
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background: #dbc195;
    text-align: center;
    border-radius: 50%;
    margin: 0px 5px;
    cursor: pointer;
    transition: all 500ms ease;
}

.service-section .owl-nav .owl-prev:hover,
.service-section .owl-nav .owl-next:hover{
    background: #fff;
    color: #692525;
}

.service-section .owl-nav{
    position: absolute;
    left: -405px;
    bottom: 0px;
}


/** classes-section **/

.classes-section{
    position: relative;
    display: block;
}

.classes-section .inner-block{
    position: relative;
    display: block;
    /*overflow: hidden;*/
    border-radius: 10px;
    background: #fff;

    border: 2px dashed #dedede;
}
.classes-section .inner-block:hover{
    box-shadow: 0 30px 50px rgba(229, 229, 229, 0.8);
    border: 2px solid #dedede;
    transition: all ease 1s;
}

.classes-section .inner-block .image-box{
    position: relative;
    display: block;
    /*background: #253b71;*/
    overflow: hidden;
}

.classes-section .inner-block .image-box img{
    width: 100%;
    transition: all 500ms ease;
}

.classes-section .inner-block:hover .image-box img{
    opacity: 1;
    transform: scale(1.09);
}

.classes-section .inner-block .lower-content{
    position: relative;
    display: block;
    padding: 10px;
}

.classes-section .inner-block .lower-content .link-btn{
    position: absolute;
    top: -35px;
    right: 40px;
}

.classes-section .inner-block .lower-content .link-btn a{
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #fbb419;
    border-radius: 50%;
    transition: all 500ms ease;
}

.classes-section .inner-block .lower-content .link-btn a:hover{
    background: #253b71 !important;
}

.classes-section .inner-block:hover .lower-content .link-btn a {
    -webkit-transform: scale(-1) rotate(-180deg);
    -moz-transform: scale(-1) rotate(-180deg);
    -ms-transform: scale(-1) rotate(-180deg);
    -o-transform: scale(-1) rotate(-180deg);
    transform: scale(-1) rotate(-180deg);
}

.classes-section .block-column:nth-child(2) .inner-block .lower-content .link-btn a{
    background: #43b3d9;
}

.classes-section .block-column:last-child .inner-block .lower-content .link-btn a{
    background: #dbc195;
}

.classes-section .inner-block .lower-content h3{
    margin-bottom: 9px;
}

.classes-section .inner-block .lower-content .price{
    position: relative;
    display: block;
    font-size: 18px;
    color: #dbc195;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 700;
    margin-bottom: 17px;
}

.classes-section .inner-block .lower-content .text{
    position: relative;
    display: block;
    margin-bottom: 26px;
}

.classes-section .inner-block .lower-content .info-box{
    position: relative;
    display: block;
    /* background: url(../images/icons/icon-4.png); */
    width: 100%;
    padding: 5px 5px 5px 5px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background: rgb(239, 205, 115);
    border-radius: 8px;
    cursor: pointer;
}

.classes-section .inner-block .lower-content .info-box li{
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: bold;
    color: #692525;
    margin: 0px 10px;
    text-transform: uppercase;
}

.classes-section .inner-block .lower-content .info-box li:before{
    position: absolute;
    content: '';
    border: 1px dashed #59688e;
    width: 1px;
    height: 20px;
    top: 4px;
    right: -12px;
}

.classes-section .inner-block .lower-content .info-box li:last-child:before{
    display: none;
}

.classes-section .inner-block .lower-content .info-box li span{
    color: #dbc195;
    text-transform: capitalize;
}

.classes-section .sec-title{
    position: relative;
    display: block;
    margin-bottom: 60px;
}

.classes-section .anim-icon .icon-1 {
    background: url(../images/icons/anim-icon-4.png);
    width: 192px;
    height: 292px;
    left: 90px;
    top: -190px;
    background-repeat: no-repeat;
}


/** feature-section **/

.feature-section{
    position: relative;
    display: block;
    background: #f0eee7;
    padding: 144px 0px;
}

.feature-section .image-column{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.feature-section .sec-title{
    margin-bottom: 41px;
}

.feature-section .inner-box .single-item{
    position: relative;
    display: block;
    padding: 0px 0px 0px 105px;
    margin-bottom: 50px;
}

.feature-section .inner-box .single-item:last-child{
    margin-bottom: 0px;
}

.feature-section .inner-box .single-item .icon-box{
    position: absolute;
    left: 0px;
    top: -1px;
    font-size: 40px;
    width: 85px;
    height: 85px;
    line-height: 85px;
    color: #fff;
    background: #fbb419;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
}

.feature-section .inner-box .single-item .icon-box:before{
    position: absolute;
    content: '';
    background: #692525;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    border-radius: 50%;
    transform: scale(0,0);
    z-index: -1;
    transition: all 500ms ease;
}

.feature-section .inner-box .single-item:hover .icon-box:before{
    transform: scale(1,1);
}

.feature-section .inner-box .single-item:nth-child(2) .icon-box{
    background: #43b3d9;
}

.feature-section .inner-box .single-item:last-child .icon-box{
    background: #dbc195;
}

.feature-section .anim-icon .icon-1 {
    background: url(../images/icons/anim-icon-5.png);
    width: 119px;
    height: 127px;
    top: 120px;
    right: 320px;
    background-repeat: no-repeat;
    -webkit-animation: zoom-fade 5s infinite linear;
    animation: zoom-fade 5s infinite linear;
}

.feature-section .anim-icon .icon-2 {
    background: url(../images/icons/anim-icon-6.png);
    width: 321px;
    height:289px;
    right: 0px;
    bottom: -90px;
    background-repeat: no-repeat;
}


/** our-teachers **/

.our-teachers{
    position: relative;
    display: block;
}

.our-teachers .sec-title{
    margin-bottom: 60px;
}

.teachers-block-one{
    position: relative;
    display: block;
}

.teachers-block-one .inner-box .image-holder{
    position: relative;
    display: inline-block;
    border: 2px dashed #9fc9b1;
    padding: 10px;
    border-radius: 50% 50% 12% 12%;
}

.our-teachers .block-column:nth-child(2) .teachers-block-one .inner-box .image-holder{
    border-color: #eecc72;
}

.our-teachers .block-column:nth-child(3) .teachers-block-one .inner-box .image-holder{
    border-color: #d0bcbc;
}

.our-teachers .block-column:nth-child(4) .teachers-block-one .inner-box .image-holder{
    border-color: #ddd5ae;
}

.our-teachers .block-column:nth-child(5) .teachers-block-one .inner-box .image-holder{
    border-color: #8ad251;
}

.our-teachers .block-column:nth-child(6) .teachers-block-one .inner-box .image-holder{
    border-color: #f7457a;
}

.teachers-block-one .inner-box .image-holder img{
    width: 100%;
    border-radius: 50% 50% 0 0;
    transition: all 500ms ease;
}

.teachers-block-one .inner-box .image-holder .image-box{
    position: relative;
    display: block;
    overflow: hidden;
    background: #692525;
    border-radius: 50% 50% 0 0;
}

.teachers-block-one .inner-box:hover .image-holder img{
    transform: scale(1.03);
    opacity: 0.5;
}

.teachers-block-one .inner-box{
    position: relative;
    /*overflow: hidden;*/
}

.teachers-block-one .inner-box .lower-content{
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 35px 15px 0px 15px;
    margin-top: -44px;
    z-index: 1;
    transition: all 500ms ease;
}

.teachers-block-one .inner-box .lower-content:before{
    position: absolute;
    display: block;
    content: '';
    background: url(../images/icons/teacher-icon-1.png);
    max-width: 283px;
    width: 100%;
    height: 133px;
    left: 0px;
    top: 0px;
    right: 0px;
    margin: 0 auto;
    opacity: 1;
    background-repeat: no-repeat !important;
    background-position: center !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-size: contain;
}

.our-teachers .block-column:nth-child(2) .teachers-block-one .inner-box .lower-content:before{
    background: url(../images/icons/teacher-icon-2.png);
    background-size: contain;
}
.our-teachers .block-column:nth-child(3) .teachers-block-one .inner-box .lower-content:before{
    background: url(../images/icons/teacher-icon-3.png);
    background-size: contain;
}

.our-teachers .block-column:nth-child(4) .teachers-block-one .inner-box .lower-content:before{
    background: url(../images/icons/teacher-icon-4.png);
    background-size: contain;
}

.our-teachers .block-column:nth-child(5) .teachers-block-one .inner-box .lower-content:before{
    background: url(../images/icons/teacher-icon-5.png);
    background-size: contain;
}

.our-teachers .block-column:nth-child(6) .teachers-block-one .inner-box .lower-content:before{
    background: url(../images/icons/teacher-icon-6.png);
    background-size: contain;
}

.teachers-block-one .inner-box .lower-content:after{
    position: absolute;
    display: inline-block;
    content: '';
    background: url(../images/icons/hover-1.png);
    max-width: 303px;
    width: 100%;
    height: 163px;
    left: 0px;
    top: 0px;
    right: 0px;
    margin: 0 auto;
    transition: all 500ms ease;
    z-index: 0;
    opacity: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

.teachers-block-one .inner-box:hover .lower-content:after{
    opacity: 1;
    transform: translateY(-40px);
    background-size: contain;
    display: none;
}

.our-teachers .block-column:nth-child(2) .teachers-block-one .inner-box .lower-content:after{
    background: url(../images/icons/hover-2.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.our-teachers .block-column:nth-child(3) .teachers-block-one .inner-box .lower-content:after{
    background: url(../images/icons/hover-3.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.our-teachers .block-column:nth-child(4) .teachers-block-one .inner-box .lower-content:after{
    background: url(../images/icons/hover-4.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.our-teachers .block-column:nth-child(5) .teachers-block-one .inner-box .lower-content:after{
    background: url(../images/icons/hover-5.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.our-teachers .block-column:nth-child(6) .teachers-block-one .inner-box .lower-content:after{
    background: url(../images/icons/hover-6.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.teachers-block-one .inner-box .lower-content h3{
    color: #fff;
    margin-bottom: 0px;
    transition: all 500ms ease;
    z-index: 1;
    font-size: 18px;
}

.teachers-block-one .inner-box:hover .lower-content h3{
    transform: translateY(-50px);
}

.teachers-block-one .inner-box .lower-content h3 a{
    position: relative;
    display: inline-block;
    color: #fff;
}

.teachers-block-one .inner-box .lower-content h2{
    color: #fff;
    margin-bottom: 0px;
    transition: all 500ms ease;
    z-index: 1;
    font-size: 18px;
    line-height: 30px;
}

.teachers-block-one .inner-box:hover .lower-content h2{
    transform: translateY(-50px);
}

.teachers-block-one .inner-box .lower-content h2 a{
    position: relative;
    display: inline-block;
    color: #fff;
}

.teachers-block-one .inner-box .lower-content .designation{
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #fff;
    margin-bottom: 0px;
    transition: all 500ms ease;
}

.teachers-block-one .inner-box:hover .lower-content .designation{
    transform: translateY(-30px);
}

.teachers-block-one .inner-box .lower-content .social-list{
    position: relative;
    opacity: 0;
    transform: translateY(10px);
    transition: all 900ms ease;
}

.teachers-block-one .inner-box:hover .lower-content .social-list{
    opacity: 1;
    transform: translateY(-35px);
    z-index: 99;
}

.teachers-block-one .inner-box .lower-content .social-list li{
    position: relative;
    display: inline-block;
    margin: 0px 10px;
}
.designation{
    z-index: 99;
}
.designation a{
    color: #fff;
}
.teachers-block-one .inner-box .lower-content .social-list li.ctp{
    position: relative;
    display: inline-block;
    font-size: 13px;
    color: #fff;
    background: rgba(0,0,0,0.2);
    padding: 5px 10px;
    margin-top: 10px;
    border-radius: 20px;
}


/** event-section **/

.event-section{
    position: relative;
    display: block;
    width: 100%;
    padding: 144px 0px 120px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.event-section:before {
    position: absolute;
    content: '';
    background: rgba(33, 47, 84, 0.50);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.event-section .sec-title{
    position: relative;
    display: block;
    margin-bottom: 57px;
}

.event-section .sec-title h1{
    color: #fff;
}

.event-section .sec-title h2{
    color: #fff;
}

.event-block-one .inner-box{
    position: relative;
    display: block;
    background: #fff;
    padding: 45px 0px 39px 0px;
    border-radius: 10px;
    margin-bottom: 30px;
    min-height: 300px;
}

.event-block-one .inner-box .image-box{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 220px;
    height: 300px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background: #692525;
    overflow: hidden;
    z-index: 1;
}

.event-block-one .inner-box .image-box img{
    width: 100%;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    transition: all 500ms ease;
}

.event-block-one .inner-box:hover .image-box img{
    transform: scale(1.03);
    opacity: 0.5;
}

.event-block-one .inner-box .content-box{
    position: relative;
    display: block;
    padding-left: 270px;
}

.event-block-one .inner-box .content-box .date{
    position: relative;
    display: inline-block;
    background: url(../images/icons/date-bg-1.png);
    font-size: 15px;
    line-height: 26px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 900;
    color: #fff;
    padding: 10px 32px 14px 33px;
    text-align: center;
    margin-bottom: 24px;
    background-repeat: no-repeat;
}

.event-section .event-block:nth-child(2) .event-block-one .inner-box .content-box .date{
    background: url(../images/icons/date-bg-2.png);
    background-repeat: no-repeat;
}

.event-section .event-block:nth-child(3) .event-block-one .inner-box .content-box .date{
    background: url(../images/icons/date-bg-3.png);
    background-repeat: no-repeat;
}

.event-section .event-block:last-child .event-block-one .inner-box .content-box .date{
    background: url(../images/icons/date-bg-4.png);
    background-repeat: no-repeat;
}

.event-block-one .inner-box .content-box h3{
    margin-bottom: 13px;
}

.event-block-one .inner-box .content-box .text{
    position: relative;
    display: block;
    margin-bottom: 18px;
}

.event-block-one .inner-box .content-box .location{
    position: relative;
    display: block;
    font-size: 14px;
    color: #848484;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 400;
    text-transform: uppercase;
}

.event-block-one .inner-box .content-box .location span{
    font-weight: 700;
    color: #dbc195;
}

.event-block-one .inner-box .content-box .location i{
    position: relative;
    margin-right: 6px;
    color: #dbc195;
    font-size: 22px;
    font-weight: 600;
    top: 4px;
}

.event-section .anim-icon .icon-1 {
    background: url(../images/icons/anim-icon-7.png);
    width: 161px;
    height: 261px;
    left: 100px;
    top: -120px;
    background-repeat: no-repeat;
}


/** testimonial-faq **/

.testimonial-faq{
    position: relative;
    display: block;
    padding: 144px 0px 135px 0px;
}

.testimonial-faq .anim-icon .icon-1 {
    background: url(../images/icons/anim-icon-8.png);
    width: 249px;
    height: 279px;
    top: -100px;
    right: 100px;
    background-repeat: no-repeat;
    -webkit-animation: zoom-fade 5s infinite linear;
    animation: zoom-fade 5s infinite linear;
}

.testimonial-content .client-thumb-outer{
    position:relative;
    max-width:350px;
    margin:0 auto;
    overflow:hidden;
    padding-top: 43px;
}

.testimonial-content .client-thumb-outer .client-thumbs-carousel{
    position: relative;
    max-width: 110px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.testimonial-content .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{
    overflow:visible;
}

.testimonial-content .client-thumb-outer .client-thumbs-carousel .thumb-item{
    position:relative;
    width:90px;
    border-radius:50%;
    margin: 0 auto;
}

.testimonial-content .client-thumb-outer .thumb-item .thumb-box{
    width:90px;
    height:90px;
    cursor:pointer;
    overflow: hidden;
    border-radius:50%;
    box-shadow: 0 10px 20px rgba(8,13,62,.15);
}

.testimonial-content .client-thumb-outer .owl-item.active .thumb-item{
    width: 110px;
    top: -20px;
}

.testimonial-content .owl-item.active .thumb-item .thumb-box{
    width: 110px;
    height: 110px;
}

.testimonial-content .client-thumb-outer .client-thumbs-carousel .thumb-item img{
    overflow:hidden;
    width:100%;
    height:100%;
    display:block;
    border-radius:50%;
}

.testimonial-content{
    position: relative;
    display: block;
    margin-right: 30px;
}

.testimonial-content .owl-nav,
.testimonial-content .owl-dots{
    display: none;
}

.testimonial-content .sec-title{
    position: relative;
    display: block;
    margin-bottom: 48px;
}

.testimonial-block .inner-box{
    position: relative;
    display: block;
    background: #253b71;
    border-radius: 10px;
    padding: 42px 30px 41px 60px;
    margin-bottom: 20px;
}

.testimonial-block .inner-box:before{
    position: absolute;
    content: '';
    background: #253b71;
    width: 28px;
    height: 28px;
    border-radius: 5px;
    left: 50%;
    margin-left: -15px;
    bottom: -8px;
    transform: rotate(-45deg);
}

.testimonial-block .inner-box .author{
    position: relative;
    display: block;
    font-size: 20px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    line-height: 30px;
    color: #dbc195;
    font-weight: 700;
    margin-bottom: 4px;
}

.testimonial-block .inner-box .author span{
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}

.testimonial-block .inner-box .rating{
    position: relative;
    display: block;
    margin-bottom: 32px;
}

.testimonial-block .inner-box .rating li{
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #fbb419;
}

.testimonial-block .inner-box .text{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 30px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 700;
    color: #fff;
    z-index: 1;
}

.testimonial-block .inner-box .text:before{
    position: absolute;
    content: "\f109";
    font-family: Flaticon;
    font-size: 60px;
    line-height: 60px;
    color: #51628d;
    left: 40px;
    top: -17px;
    z-index: -1;
}

.faq-content{
    position: relative;
    display: block;
    margin-left: 30px;
    height: 597px;
}

.faq-content .sec-title{
    position: relative;
    display: block;
    margin-bottom: 48px;
}

.accordion-box{
    position:relative;
}

.accordion-box .block{
    position:relative;
    margin-bottom: 20px;
    border: 2px solid #dcc194;
    border-radius: 10px;
    padding: 0px 28px;
}

.accordion-box .block:nth-child(2){
    border-color: #dcc194;
}

.accordion-box .block:last-child{
    margin-bottom: 0px;
    border-color: #dcc194;
}

.accordion-box .block .acc-btn h4{
    position:relative;
    display: block;
    font-size:20px;
    font-weight: 700;
    color:#3b3634;
    padding: 28px 0px 34px 0px;
    cursor:pointer;
    transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active h4{
    color: #682525;
}

.accordion-box .block:nth-child(2) .acc-btn.active h4,
.accordion-box .block:nth-child(2) .acc-btn.active .icon-outer{
    color: #682525;
}

.accordion-box .block:last-child .acc-btn.active h4,
.accordion-box .block:last-child .acc-btn.active .icon-outer{
    color: #682525;
}

.accordion-box .block .acc-content{
    position:relative;
    display:none;
    border-top: 1px solid #e5e5e5;
    padding-top: 24px;
    padding-bottom: 47px;
}

.accordion-box .block .acc-content.current{
    display:block;
}

.accordion-box .block .content .text{
    position:relative;
    display: block;
    color: #692525;
    padding-left: 40px;
}

.accordion-box .block .acc-btn .icon-outer{
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 20px;
    color: #692525;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    transition: all 500ms ease;
    z-index: 1;
}

.accordion-box .block .acc-btn.active .icon-outer{
    color: #43b3d9;
}

.accordion-box .block .acc-btn.active .icon-outer i:before{
    position: relative;
    font-size: 20px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    margin: 0px;
    content: "\f106";
}


/** cta-section **/

.cta-section{
    position: relative;
    display: block;
    width: 100%;
    background: rgb(255, 229, 160);
    padding: 95px 0px 100px 0px;
}

.cta-section .content-box h3{
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #fff;
    font-weight: 900;
    margin-bottom: 11px;
}

.cta-section .content-box h1{
    position: relative;
    display: block;
    font-size: 60px;
    line-height: 50px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #ba7b48;
    font-weight: 900;
    margin-bottom: 0px;
}

.cta-section .content-box h2{
    position: relative;
    display: block;
    font-size: 60px;
    line-height: 50px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #ba7b48;
    font-weight: 900;
    margin-bottom: 0px;
}

.cta-section .content-box .text{
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #dfbdf9;
    font-weight: 600;
    margin-bottom: 36px;
}

.cta-section .anim-icon .icon-1 {
    background: url(../images/icons/anim-icon-00.png);
    width: 360px;
    height: 233px;
    top: 20px;
    right: 0px;
    background-repeat: no-repeat;
    background-size: contain;
}

.cta-section .anim-icon .icon-2 {
    background: url(../images/icons/anim-icon-10.png);
    width: 245px;
    height: 245px;
    top: -130px;
    left: 80px;
    background-repeat: no-repeat;
    background-size: contain;
}

.parallax-icon {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.parallax-icon .icon-1 {
    left: 110px !important;
    top: 160px !important;
    background: url(../images/icons/parallax-icon-1.png);
    width: 131px;
    height: 86px;
    background-repeat: no-repeat;
}

.parallax-icon .icon-2 {
    left: 30% !important;
    top: 80px !important;
    background: url(../images/icons/parallax-icon-2.png);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
}

.parallax-icon .icon-3 {
    left: 27% !important;
    top: 70% !important;
    background: url(../images/icons/parallax-icon-3.png);
    width: 59px;
    height: 63px;
    background-repeat: no-repeat;
}

.parallax-icon .icon-4 {
    left: 40% !important;
    top: 40% !important;
    background: url(../images/icons/parallax-icon-4.png);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
}

.parallax-icon .icon-5 {
    left: 75% !important;
    top: 80px !important;
    background: url(../images/icons/parallax-icon-5.png);
    width: 119px;
    height: 54px;
    background-repeat: no-repeat;
}

.parallax-icon .icon-6 {
    left: 65% !important;
    top: 40% !important;
    background: url(../images/icons/parallax-icon-6.png);
    width: 47px;
    height: 65px;
    background-repeat: no-repeat;
}

.parallax-icon .icon-7 {
    left: 72% !important;
    top: 70% !important;
    background: url(../images/icons/parallax-icon-7.png);
    width: 57px;
    height: 50px;
    background-repeat: no-repeat;
}


/** gallery-section **/

.gallery-section{
    position: relative;
    display: block;
    background: #f2eee9;
    padding-left: 100px;
    padding-right: 100px;
}

.gallery-section .sec-title{
    position: relative;
    display: block;
    margin-bottom: 60px;
}

.gallery-block{
    position: relative;
}

.gallery-block .image-box{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.gallery-block .image-box .image{
    position: relative;
}

.gallery-block .image-box .image img{
    display: block;
    width: 100%;
    height: auto;
}

.gallery-block .overlay-box{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    background-color: rgba(33, 47, 84, 0.5);
    content: "";
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}

.gallery-block .image-box:hover .overlay-box{
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

.gallery-block .overlay-box a{
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    height: 70px;
    width: 70px;
    font-size: 20px;
    background-color: #dbc195;
    color: #ffffff;
    font-weight: 700;
    border-radius: 50%;
    font-weight: 400;
    line-height: 70px;
    transform: translate(-50%,-50%);
}

.gallery-block .overlay-box a i{
    position: relative;
    font-weight: 700;
}

.gallery-section .owl-nav,
.gallery-section .owl-dots{
    display: none;
}


/** news-section **/

.news-section{
    position: relative;
    display: block;
    padding: 144px 0px 188px 0px;
}

.news-section .sec-title{
    margin-bottom: 60px;
}

.news-block-one .inner-box{
    position: relative;
    display: block;
    border-radius: 10px;
    box-shadow: 0 30px 50px rgba(229, 229, 229, 0.8);
}

.news-block-one .inner-box .image-box{
    position: relative;
    display: block;
    overflow: hidden;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    background: #692525;
    height: 220px;
}

.news-block-one .inner-box .image-box img{
    width: 100%;
    transition: all 500ms ease;
}

.news-block-one .inner-box:hover .image-box img{
    opacity: 0.5;
    transform: scale(1.03);
}

.news-block-one .inner-box .lower-content{
    position: relative;
    display: block;
    padding: 34px 20px 41px 40px;
    min-height:315px;
}

.news-block-one .inner-box .lower-content h3{
    line-height: 28px;
    margin-bottom: 7px;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.news-block-one .inner-box .lower-content h2{
    line-height: 28px;
    margin-bottom: 7px;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
}

.news-block-one .inner-box .lower-content .info-box{
    position: relative;
    display: block;
    margin-bottom: 22px;
}

.news-block-one .inner-box .lower-content .info-box li{
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #dbc195;
    margin-right: 38px;
}

.news-block-one .inner-box .lower-content .info-box li:before{
    position: absolute;
    content: '';
    background: #dbc195;
    width: 1px;
    height: 10px;
    top: 8px;
    right: -20px;
}

.news-block-one .inner-box .lower-content .info-box li:last-child:before{
    display: none;
}

.news-block-one .inner-box .lower-content .info-box li:last-child{
    margin-right: 0px;
}

.news-block-one .inner-box .lower-content .text{
    position: relative;
    display: block;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-block-one .inner-box .lower-content .link-btn{
    position: absolute;
    left: 40px;
    bottom: -38px;
}

.news-block-one .inner-box .lower-content .link-btn a{
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #dbc195;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    transform: rotate(180deg);
}

.news-block-one .inner-box .lower-content .link-btn a:hover{
    background: #692525;
}

.news-section .anim-icon .icon-1 {
    background: url(../images/icons/anim-icon-11.png);
    width: 140px;
    height: 143px;
    top: 140px;
    left: 100px;
    background-repeat: no-repeat;
}

.news-section .anim-icon .icon-2 {
    background: url(../images/icons/anim-icon-11.png);
    width: 140px;
    height: 143px;
    bottom: 300px;
    left: 120px;
    background-repeat: no-repeat;
}


/** main-footer **/

.main-footer .footer-top{
    position: relative;
    /*display: block;*/
    background: #692525;
    padding: 45px 0px 40px 0px;
}

.main-footer .footer-top .widget-title{
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 28px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 27px;
}

.main-footer .footer-top .about-widget .widget-content p{
    position: relative;
    display: block;
    color: #bec5d4;
    margin-bottom: 26px;
}

.main-footer .footer-top .about-widget .widget-content p:last-child{
    margin-bottom: 0px;
}

.main-footer .footer-top .link-widget{
    position: relative;
    display: block;
    margin-left: 50px;
}

.main-footer .footer-top .link-widget .widget-content li{
    position: relative;
    display: block;
    margin-bottom: 14px;
}

.main-footer .footer-top .link-widget .widget-content li:last-child{
    margin-bottom: 0px;
}

.main-footer .footer-top .link-widget .widget-content li a{
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 400;
    color: #bec5d4;
}

.main-footer .footer-top .link-widget .widget-content li a:before{
    position: absolute;
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-size: 14px;
    color: #dbc195;
    font-weight: 700;
    left: 0px;
    top: 1px;
    opacity: 0;
    transition: all 500ms ease;
}

.main-footer .footer-top .link-widget .widget-content li a:hover:before{
    opacity: 1;
}

.main-footer .footer-top .link-widget .widget-content li a:hover{
    color: #dbc195;
    padding: 0px 0px 0px 18px;
}

.main-footer .footer-top .contact-widget{
    position: relative;
    display: block;
    margin-left: -30px;
}

.main-footer .footer-top .contact-widget .widget-content .text{
    position: relative;
    display: block;
    color: #bec5d4;
    margin-bottom: 18px;
}

.main-footer .footer-top .contact-widget .widget-content .info-list li{
    position: relative;
    display: block;
    font-size: 15px;
    color: #bec5d4;
    padding: 0px 25px 0px 0px;
    margin-bottom: 15px;
}

.main-footer .footer-top .contact-widget .widget-content .info-list li i{
    position: absolute;
    right: 0px;
    top: 6px;
    color: #dbc195;
}

.main-footer .footer-top .contact-widget .widget-content .info-list li:last-child{
    margin-bottom: 0px;
}

.main-footer .footer-top .contact-widget .widget-content .info-list li a{
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #bec5d4;
    margin-bottom: 10px;
}

.main-footer .footer-top .contact-widget .widget-content .info-list li a:hover{
    color: #dbc195;
}

.main-footer .footer-top .subscribe-widget .widget-content .text{
    position: relative;
    display: block;
    color: #bec5d4;
    margin-bottom: 28px;
}

.main-footer .footer-top .subscribe-widget .widget-content .subscribe-form .form-group{
    position: relative;
    display: block;
    margin: 0px;
}

.main-footer .footer-top .subscribe-widget .widget-content .subscribe-form .form-group input[type='email']{
    position: relative;
    display: block;
    width: 100%;
    height: 70px;
    background: #fff;
    border: 3px solid #fff;
    padding: 15px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    transition: all 500ms ease;
}

.main-footer .footer-top .subscribe-widget .widget-content .subscribe-form .form-group input[type='email']:focus{
    border-color: #dbc195;
}

.main-footer .footer-top .subscribe-widget .widget-content .subscribe-form .form-group .theme-btn:before{
    background: #fff;
}

.main-footer .footer-top .subscribe-widget .widget-content .subscribe-form .form-group .theme-btn:hover{
    color: #dbc195 !important;
}

/** footer-bottom **/

.main-footer .footer-bottom{
    position: relative;
    display: block;
    background: #5a1717;
    padding: 20px 0px;
}

.main-footer .footer-bottom .left-content{
    position: relative;
    margin-top: 2px;
}

.main-footer .footer-bottom .left-content .copyright{
    position: relative;
    display: block;
    color: #fff;
}

.main-footer .footer-bottom .left-content .copyright a{
    color: #dbc195;
}

.main-footer .footer-bottom .left-content .copyright a:hover{
    color: #dbc195;
}

.main-footer .footer-bottom .right-content .footer-logo{
    position: relative;
    display: inline-block;
    margin-right: 300px;
}

.main-footer .footer-bottom .right-content .footer-logo:before {
    position: absolute;
    content: '';
    background: url(../images/icons/logo-shap-2.png);
    width: 216px;
    height: 57px;
    left: -57px;
    top: -90px;
    background-repeat: no-repeat;
}

.main-footer .footer-bottom .right-content .footer-social{
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 999;
    display: flex;
    flex-flow: column;
    top: auto;
    background: #fff;
    border-radius: 50px;
    padding: 0px;
}

.social-style-one li{
    position: relative;
    display: inline-block;
    margin-right: 0px;
}

.social-style-one li:last-child{
    margin-right: 0px;
}

.social-style-one li a{
    position: relative;
    display: flex;
    font-size: 23px;
    width: 60px;
    height: 60px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #3b5998;
    border-radius: 50%;
    border: 5px solid #fff;
    align-items:center;
    justify-content:center;
}

.social-style-one li:nth-child(2) a{
    background: #7232bd;
}

.social-style-one li:nth-child(3) a{
    background: #25D366;
}

.social-style-one li a:hover{
    background: #dbc195 !important;
    color: #692525;
}


/***

====================================================================
                        Home-Page-Two
====================================================================

***/


/** slider-style-two **/

.main-slider.style-two h1{
    color: #fff;
    text-shadow: 5px 6px 0px #6aa9c2;
    margin-bottom: 44px;
}

.main-slider.style-two .slide{
    padding: 170px 0px 275px 0px;
}

.main-slider .nav-style-two .owl-nav .owl-prev,
.main-slider .nav-style-two .owl-nav .owl-next{
    left: 70px;
}

.main-slider .nav-style-two .owl-nav .owl-prev{
    top: -20px;
}
.main-slider .nav-style-two .owl-nav .owl-next{
    top: 80px;
}


/** offer-section **/

.offer-section{
    position: relative;
    display: block;
    background: #f1f0e9;
}

.offer-section .sec-title{
    margin-bottom: 61px;
}

.offer-section .single-offer-block{
    position: relative;
    display: block;
    background: #fff;
    border-radius: 15px;
    padding: 75px 15px 60px 15px;
    box-shadow: 0 15px 50px rgba(0,0,0,.10);
}

.offer-section .single-offer-block .icon-box{
    position: relative;
    display: inline-block;
    font-size: 70px;
    line-height: 70px;
    color: #fbb419;
    margin-bottom: 24px;
}

.offer-section .block-column .single-offer-block .icon-box:before {
    position: absolute;
    content: '';
    background: url(../images/icons/icon-3.png);
    width: 65px;
    height: 70px;
    right: -16px;
    top: -4px;
    background-repeat: no-repeat;
    transition: all 500ms ease;
}

.offer-section .block-column .single-offer-block:hover .icon-box:before{
    transform: scale(0.5);
}

.offer-section .block-column:nth-child(2) .single-offer-block .icon-box{
    color: #43b3d9;
}

.offer-section .block-column:nth-child(2) .single-offer-block .icon-box:before {
    position: absolute;
    content: '';
    background: url(../images/icons/icon-2.png);
    width: 64px;
    height: 70px;
    right: -16px;
    top: -4px;
    background-repeat: no-repeat;
}

.offer-section .block-column:nth-child(3) .single-offer-block .icon-box{
    color: #dbc195;
}

.offer-section .block-column:nth-child(3) .single-offer-block .icon-box:before {
    position: absolute;
    content: '';
    background: url(../images/icons/icon-1.png);
    width: 56px;
    height: 71px;
    right: -16px;
    top: -4px;
    background-repeat: no-repeat;
}

.offer-section .block-column:last-child .single-offer-block .icon-box{
    color: #b350ff;
}

.offer-section .block-column:last-child .single-offer-block .icon-box:before {
    position: absolute;
    content: '';
    background: url(../images/icons/icon-5.png);
    width: 63px;
    height: 72px;
    right: -16px;
    top: -4px;
    background-repeat: no-repeat;
}

.offer-section .anim-icon .icon-1 {
    background: url(../images/icons/anim-icon-3.png);
    width: 102px;
    height: 198px;
    left: 120px;
    bottom: -40px;
    background-repeat: no-repeat;
    -webkit-animation: zoom-fade 5s infinite linear;
    animation: zoom-fade 5s infinite linear;
}


/** classes-style-two **/

.classes-section.style-two{
    position: relative;
    display: block;
    background: #253b70;
}

.classes-section.style-two .sec-title h1{
    color: #fff;
}

.classes-section.style-two .sec-title h2{
    color: #fff;
}

.classes-section.style-two .inner-block{
    box-shadow: none;
}

.classes-section.style-two .inner-block .lower-content .price{
    margin-bottom: 31px;
}

.classes-section.style-two .inner-block .lower-content{
    padding-bottom: 48px;
}

.classes-section.style-two .parallax-icon .icon-3{
    left: 8% !important;
}

.classes-section.style-two .parallax-icon .icon-7{
    left: 85% !important;
}

.classes-section.style-two .parallax-icon .icon-6{
    left: 90% !important;
}


/** fact-counter **/

.fact-counter{
    position: relative;
    display: block;
    background: #fbb419;
    padding: 93px 0px 102px 0px;
}

.fact-counter .counter-block{
    position: relative;
    display: block;
    padding: 0px 0px 0px 80px;
}

.fact-counter .counter-block .icon-box{
    position: absolute;
    left: 0px;
    top: 12px;
    font-size: 60px;
    line-height: 60px;
    color: #fff;
}

.fact-counter .counter-block .count-outer span{
    position: relative;
    display: block;
    font-size: 60px;
    line-height: 70px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #fff;
    font-weight: 900;
    margin-bottom: 9px;
}

.fact-counter .counter-block .text{
    position: relative;
    display: block;
    font-size: 17px;
    line-height: 26px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #fff;
    font-weight: 700;
}


/** activities-section **/

.activities-section{
    position: relative;
    display: block;
    padding: 144px 0px 100px 0px;
}

.activities-section .sec-title{
    margin-bottom: 12px;
}

.activities-section .title-box{
    margin-bottom: 65px;
}

.activities-section .inner-box .single-item{
    position: relative;
    display: block;
    margin-bottom: 45px;
}

.activities-section .inner-box .single-item .icon-box{
    position: relative;
    display: inline-block;
    font-size: 65px;
    line-height: 65px;
    color: #fbb419;
    margin-bottom: 22px;
}

.activities-section .inner-box .single-item .icon-box:before {
    position: absolute;
    content: '';
    background: url(../images/icons/icon-3.png);
    width: 65px;
    height: 70px;
    right: -30px;
    top: -2px;
    background-repeat: no-repeat;
    transition: all 500ms ease;
}

.activities-section .inner-box .column:nth-child(2) .single-item .icon-box:before{
    position: absolute;
    content: '';
    background: url(../images/icons/icon-5.png);
    width: 63px;
    height: 72px;
    right: -30px;
    top: -2px;
    background-repeat: no-repeat;
}

.activities-section .inner-box .column:nth-child(3) .single-item .icon-box:before{
    position: absolute;
    content: '';
    background: url(../images/icons/icon-2.png);
    width: 64px;
    height: 70px;
    right: -30px;
    top: -2px;
    background-repeat: no-repeat;
}

.activities-section .inner-box .column:last-child .single-item .icon-box:before{
    position: absolute;
    content: '';
    background: url(../images/icons/icon-1.png);
    width: 56px;
    height: 71px;
    right: -30px;
    top: -2px;
    background-repeat: no-repeat;
}

.activities-section .inner-box .column:nth-child(2) .single-item .icon-box{
    color: #b350ff;
}

.activities-section .inner-box .column:nth-child(3) .single-item .icon-box{
    color: #43b3d9;
}

.activities-section .inner-box .column:last-child .single-item .icon-box{
    color: #dbc195;
}

.activities-section .inner-box .single-item:hover .icon-box:before{
    transform: rotate(25deg);
}

.activities-section .image-box{
    position: relative;
    display: block;
    margin-left: 0px;
    margin-top: 0px;
}

.activities-section .image-box .image{
    position: absolute;
    /* display: block; */
    /* float: left; */
    /* background: #fff; */
    /* border-radius: 10px; */
    /* padding: 15px; */
    /* box-shadow: 0 30px 50px rgba(0,0,0,.1); */
    top: -80px;
}

.activities-section .image-box .image:before{
    position: absolute;
    content: '';
    background: #efcd73;
    height: 290px;
    width: 290px;
    top: 35px;
    right: -110px;
    border-radius: 10px;
    z-index: 0;
}

.activities-section .image-box .image img{
    width: 100%;
    border-radius: 10px;
    z-index: 1;
    position: relative;
}


/** testimonial-video **/

.testimonial-video{
    position: relative;
    display: block;
}

.testimonial-video .outer-container {
    position: relative;
    min-height: 350px;
}

.testimonial-video .video-column{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
}

.testimonial-video .video-column .video-inner{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    padding: 316px 0px 315px 0px;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.testimonial-video .video-column .video-inner:before{
    position: absolute;
    content: '';
    background: rgba(67, 179, 217, 0.85);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.testimonial-video .video-column .video-inner a{
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    line-height: 110px;
    background: #fff;
    font-size: 30px;
    color: #692525;
    text-align: center;
    border-radius: 50%;
    -webkit-animation: pulse 3s infinite;
    -o-animation: pulse 3s infinite;
    animation: pulse 3s infinite;
}

.testimonial-video .testimonial-column{
    position: relative;
    float: right;
    width: 50%;
}

.testimonial-video .testimonial-column .testimonial-content{
    position: relative;
    width: 100%;
    max-width: 615px;
    padding: 144px 15px 116px 150px;
}

.testimonial-video .testimonial-column .testimonial-block .inner-box{
    background: transparent;
    padding: 0px;
    border-radius: 0px;
}

.testimonial-video .testimonial-column .testimonial-block .inner-box:before{
    display: none;
}

.testimonial-video .testimonial-column .testimonial-block .inner-box .text{
    color: #692525;
}

.testimonial-video .testimonial-column .testimonial-block .inner-box .author span{
    color: #848484;
}

.testimonial-video .testimonial-column .testimonial-block .inner-box .text:before{
    left: 2px;
    color: #e5e7ed;
}

.testimonial-video .testimonial-content .sec-title{
    margin-bottom: 32px;
}

.testimonial-video .testimonial-content .client-thumb-outer{
    margin: 0px;
    padding: 0px;
}

.testimonial-video .testimonial-content .owl-item.active .thumb-item .thumb-box{
    width: 90px;
    height: 90px;
}

.testimonial-video .testimonial-content .client-thumb-outer .owl-item.active .thumb-item{
    width: 90px;
    top: 0px;
}

.testimonial-video .testimonial-content .client-thumb-outer .client-thumbs-carousel .thumb-item{
    margin: 0px;
    margin-bottom: 30px;
}

.testimonial-video .testimonial-content .client-thumb-outer .client-thumbs-carousel{
    max-width: 100px;
}

.testimonial-video .testimonial-content .client-thumb-outer{
    max-width: 320px;
}

.testimonial-video .anim-icon .icon-1 {
    background: url(../images/icons/anim-icon-12.png);
    width: 285px;
    height: 287px;
    right: 30px;
    bottom: 30px;
    background-repeat: no-repeat;
}


/** teachers-style-two **/
.our-teachers.style-two{
    position: relative;
    background: #fcf8f4;
    /*    border-radius: 200px 200px 0 0;
    box-shadow: 0 0 20px 10px rgb(0 0 0 / 10%);*/
    padding: 40px 0;
}

.our-teachers.style-two .container-fluid{
    padding-top: 40px!important;
    padding-bottom: 40px!important;
}

.our-teachers.style-two .sec-title h1{
    color: #692525;
}

.our-teachers.style-two .sec-title h2{
    color: #692525;
}

.our-teachers.style-two .parallax-icon .icon-3{
    left: 10% !important;
}

.our-teachers.style-two .parallax-icon .icon-5{
    left: 80% !important;
}

.our-teachers.style-two .parallax-icon .icon-6{
    left: 90% !important;
}

.our-teachers.style-two .parallax-icon .icon-7{
    left: 85% !important;
}



/***

====================================================================
                        Home-Page-Three
====================================================================

***/


/** header-style-two **/


.main-header.style-two{
    position: absolute;
}

.main-header.style-two .header-bottom{
    position: absolute!important;
    width: 100%;
}


.main-header.style-two .outer-content .clearfix{
    position: relative;
    display: inline-block;
}

.main-header.style-two .outer-content .login-box {
    position: relative;
    display: inline-block;
    margin-right: 18px;
    padding: 0px 0px 0px 22px;
}

.main-header.style-two .outer-content .login-box:before {
    position: absolute;
    content: '';
    border: 1px dashed #59688d;
    height: 20px;
    width: 1px;
    top: 5px;
    left: -22px;
}

.faqs-link{
    font-size: 14px;
    color: #692525;
}

.main-header.style-two .outer-content .login-box a{
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #692525;
}

.main-header.style-two .outer-content .login-box a:hover{
    color: #dbc195;
}

.main-header.style-two .outer-content .login-box i {
    position: absolute;
    left: 0px;
    top: 7px;
    font-size: 14px;
    color: #dbc195;
}


.main-header.style-two .outer-content .reg-box {
    position: relative;
    display: inline-block;
    margin-right: 38px;
    padding: 0px 0px 0px 0px;
}

.main-header.style-two .outer-content .reg-box:before {
    position: absolute;
    content: '';
    border: 1px dashed #59688d;
    height: 5px;
    width: 1px;
    top: 13px;
    left: -10px;
    transform: rotate(90deg);
}

.main-header.style-two .outer-content .reg-box a{
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #692525;
}

.main-header.style-two .outer-content .reg-box a:hover{
    color: #dbc195;
}

.main-header.style-two .outer-content .reg-box i {
    position: absolute;
    left: 0px;
    top: 7px;
    font-size: 14px;
    color: #dbc195;
}


.main-header.style-two .header-top{
    padding: 10px 0px;
}

.main-header.style-two .outer-content li.header-flyout-searchbar i{
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #d1bdbc;
    font-size: 16px;
}

.main-header.style-two .outer-content li.header-flyout-searchbar i:hover{
    background: #dbc195;
}

.main-header.style-two .outer-content li a{
    width: auto;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding:0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-header.style-two .header-top .header-info{
    position: relative;
    margin-top: 7px;
}

.main-header.style-two .menu-area{
    float: none;
    margin-right: 0px;
}

.main-header.style-two .main-menu .navigation > li{
    margin: 0px 0px;
    background: rgb(239, 205, 115);
    padding: 0 20px;
}

.sticky-header .main-menu .navigation > li{
    margin: 0px!important;
    padding: 0px!important;
}

.main-header.style-two .main-menu .navigation > li.logo-box{
    margin-top: -55px;
    background: transparent;
    z-index: 9;
}

.main-header.style-two .main-menu .navigation > li.logo-box:after{
    position: absolute;
    content: '';
    /* background: url(../images/icons/menu-icon.png); */
    width: 100%;
    height: 0px;
    left: 10px;
    margin-left: -10px;
    bottom: 5px;
    background-repeat: no-repeat;
    transition: all 500ms ease;
    /* opacity: 0; */
    border-top: 1px dashed #fff;
    display: none;
}


.main-header.style-two .main-menu .navigation > li:first-child{
    margin-left: 0px;
}

.main-header.style-two .main-menu .navigation > li:last-child{
    margin-right: 0px;
}

.main-header.style-two .main-menu .navigation > li:before{
    position: absolute;
    content: '';
    /* background: url(../images/icons/menu-icon.png); */
    width: 100%;
    height: 0px;
    left: 10px;
    margin-left: -10px;
    top: 5px;
    background-repeat: no-repeat;
    transition: all 500ms ease;
    /* opacity: 0; */
    border-top: 1px dashed #fff;
}
.main-header.style-two .main-menu .navigation > li:after{
    position: absolute;
    content: '';
    /* background: url(../images/icons/menu-icon.png); */
    width: 100%;
    height: 0px;
    left: 10px;
    margin-left: -10px;
    bottom: 5px;
    background-repeat: no-repeat;
    transition: all 500ms ease;
    /* opacity: 0; */
    border-top: 1px dashed #fff;
}

.main-header.style-two .main-menu .navigation > li.current:before,
.main-header.style-two .main-menu .navigation > li:hover:before{
    transform: scale(1,1);
}

.main-header.style-two .main-menu .navigation > li.current > a,
.main-header.style-two .main-menu .navigation > li:hover > a{
    color: #ba7b48;
}

.main-header.style-two .main-menu .navigation > li.logo-box:before{
    display: none;
}


/** slider-style-three **/

.main-slider.style-three{
    position: relative;
}

.main-slider.style-three:before{
    position: absolute;
    content: '';
    /*background: url(../images/icons/slider-shap.png);*/
    width: 100%;
    height: 140px;
    left: 0px;
    bottom: -2px;
    z-index: 11;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: none;
}

.main-slider.style-three .slide {
    padding: 30px 0px 0px 0px;
    min-height: 600px;
    margin-top: 107px;
   display: flex;
    align-items: center;
}

.main-slider.style-three .slide .container{
    display: block;
    text-align: right;
}

.main-slider.style-three .slide:before {
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.main-slider.style-three h1{
    color: #692525;
    margin-bottom: 0px;
    width:40%;
    margin-left:auto;
    /*min-height:140px;*/
}

/** service-style-two **/

.service-style-two{
    position: relative;
    display: block;
    background: #fffde8;
}

.service-style-two .service-block-one{
    padding: 70px 30px 30px 30px;
    box-shadow: 0 5px 10px 0px #FFF inset, 0 -3px 5px 0px #0003 inset, 0 10px 30px #0007, 0 40px 50px -20px #0004 inset, 0 -50px 50px -20px #FFF inset;
}

.service-style-two .inner-content{
    position: relative;
    margin-top: 0px;
    z-index: 11;
}

.service-style-two .service-block-one .icon-box{
    color: #fbb419;
}

.service-style-two .service-block-one .icon-box:before {
    position: absolute;
    content: '';
    background: url(../images/icons/icon-1.png);
    width: 36px;
    height: 51px;
    left: -40px;
    top: -10px;
    background-repeat: no-repeat;
    background-size: contain;
}

.service-style-two .service-column:nth-child(2) .service-block-one .icon-box{
    color: #43b3d9;
}

.service-style-two .service-column:nth-child(2) .service-block-one .icon-box:before {
    position: absolute;
    content: '';
    background: url(../images/icons/icon-2.png);
    width: 36px;
    height: 51px;
    left: -40px;
    top: -10px;
    background-repeat: no-repeat;
    background-size: contain;
}

.service-style-two .service-column:last-child .service-block-one .icon-box{
    color: #dbc195;
}

.service-style-two .service-column .service-block-one .icon-box img{
    width: auto;
    height: 75px;
}

.service-style-two .service-column:last-child .service-block-one .icon-box:before {
    position: absolute;
    content: '';
    background: url(../images/icons/icon-3.png);
    width: 36px;
    height: 51px;
    left: -40px;
    top: -10px;
    background-repeat: no-repeat;
    background-size: contain;
}


/** about-style-two **/

.about-style-two{
    position: relative;
    display: block;
}

.about-style-two .sec-title{
    margin-bottom: 33px;
}

.about-style-two .title-box{
    position: relative;
    display: block;
    /*margin-bottom: 63px;*/
    margin-bottom: 108px;
}

.about-style-two .title-box .text{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #4c4c4c;
}

.about-style-two .image-inner{
    margin-bottom: 0px;
}

.about-style-two .image-inner .image-box{
    position: relative;
    display: block;
    border-radius: 200px;
    margin: 0
}

.about-style-two .image-inner .image-box img{
    width: 100%;
    border-radius: 10px;
}

.about-style-two .lower-content{
    position: relative;
    display: block;
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
}

.about-style-two .lower-content .text{
    margin-bottom: 63px;
}

/*.about-style-two .anim-icon .icon-1 {
    background: url(../images/babyeat.jpg);
    width: 490px;
    height: 400px;
    bottom: 0;
    right: 80px;
    background-repeat: no-repeat;
    background-size: contain;
}

.about-style-two .anim-icon .icon-2 {
    background: url(../images/babyeat2.jpg);
    width: 490px;
    height: 400px;
    bottom: 0;
    left: 80px;
    background-repeat: no-repeat;
    background-size: contain;
}*/


/** classes-style-three **/

.classes-section.style-three{
    position: relative;
    padding: 150px 0px;
}

.classes-section.style-three .inner-content{
    position: relative;
    display: block;
    margin-right: 80px;
}

.classes-section.style-three .sec-title{
    margin-bottom: 32px;
}

.classes-section.style-three .inner-content .text{
    position: relative;
    display: block;
    color: #fff;
}

.classes-section.style-three .carousel-content{
    position: relative;
    display: block;
    margin-right: -500px;
}

.classes-section.style-three .owl-nav .owl-prev,
.classes-section.style-three .owl-nav .owl-next{
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background: #dbc195;
    text-align: center;
    border-radius: 50%;
    margin: 0px 5px;
    cursor: pointer;
    transition: all 500ms ease;
}

.classes-section.style-three .owl-nav .owl-prev:hover,
.classes-section.style-three .owl-nav .owl-next:hover{
    background: #fff;
    color: #692525;
}

.classes-section.style-three .owl-dots{
    display: none;
}

.classes-section.style-three .owl-nav {
    position: absolute;
    left: -505px;
    bottom: 150px;
}

.classes-section.style-three .owl-item:nth-child(odd) .inner-block .link-btn a{
    background: #43b3d9;
}

.classes-section.style-three .owl-item:nth-child(3n+1) .inner-block .link-btn a{
    background: #dbc195;
}

.classes-section.style-three .anim-icon .icon-2 {
    background: url(../images/icons/anim-icon-13.png);
    width: 265px;
    height: 400px;
    left: 70px;
    bottom: -70px;
    background-repeat: no-repeat;
    z-index: 1;
}


/** .activities-style-two **/

.activities-section.style-two{
    position: relative;
}

.activities-section.style-two .image-box {
    margin: 0px 0px 0px 110px;
}

.activities-section.style-two .image-box .image:before{
    right: 205px;
    background: #d9f0f7;
    height: 400px;
}


/** testimonial-style-two **/

.testimonial-style-two{
    position: relative;
    display: block;
    background: #f0efe9;
    padding: 144px 0px 143px 0px;
}

.testimonial-style-two .owl-nav{
    display: none;
}

.testimonial-style-two .container{
    padding-top: 40px;
    padding-bottom: 40px;
}

.testimonial-style-two .sec-title{
    margin-bottom: 60px;
}

.testimonial-block-two .inner-box{
    position: relative;
    display: block;
    background: #fff;
    padding: 41px 30px 30px 50px;
    border-radius: 10px;
    min-height:480px;
}

.testimonial-block-two .inner-box .text{
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: normal;
    color: #692525;
    margin-bottom: 20px;
    padding-bottom: 51px;
    z-index: 1;
    min-height: 314px;
}

.testimonial-block-two .inner-box .text:before{
    position: absolute;
    content: '';
    background: url(../images/icons/border-shap.png);
    width: 100%;
    height: 20px;
    left: 0px;
    bottom: 0px;
    background-repeat: no-repeat;
}

.testimonial-block-two .inner-box .text:after{
    position: absolute;
    content: "\f109";
    font-family: Flaticon;
    font-size: 60px;
    line-height: 60px;
    color: #e3f4f9;
    left: 50%;
    margin-left: -50px;
    top: 30px;
    z-index: -1;
}

.testimonial-style-two .owl-item:nth-child(odd) .testimonial-block-two .inner-box .text:after{
    color: #ffeae8;
}

.testimonial-block-two .inner-box .author-info{
    position: relative;
    display: block;
    padding: 17px 0px 11px 0px;
}

.testimonial-block-two .inner-box .author-info .author-thumb{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 75px;
    height: 75px;
    overflow: hidden;
    border-radius: 50%;
    display: none;
}

.testimonial-block-two .inner-box .author-info .author-thumb img{
    width: 100%;
    border-radius: 50%
}

.testimonial-block-two .inner-box .author-info h5{
    position: relative;
    display: block;
    font-size: 18px;
    color: #a0cab2;
    font-weight: 700;
    margin-bottom: 0px;
}

.testimonial-block-two .inner-box .author-info .designation{
    position: relative;
    display: block;
    font-size: 15px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
}

.testimonial-style-two .owl-item:nth-child(odd) .testimonial-block-two .inner-box .author-info h5{
    color: #d1bdbd;
}

.testimonial-style-two .owl-dots{
    position: relative;
    display: block;
    text-align: center;
    margin-top: 65px;
}

.testimonial-style-two .owl-theme .owl-dots .owl-dot span{
    border: 3px solid #c5c7cc;
    height: 14px;
    width: 14px;
    cursor: pointer;
    transition: all 500ms ease;
}

.testimonial-style-two .owl-theme .owl-dots .owl-dot.active span,
.testimonial-style-two .owl-theme .owl-dots .owl-dot span:hover{
    background: transparent;
    border-color: #dbc195;
}

.testimonial-style-two .anim-icon .icon-1 {
    background: url(../images/icons/anim-icon-12.png);
    width: 430px;
    height: 287px;
    right: 0px;
    bottom: 0px;
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
}

.testimonial-style-two .anim-icon .icon-2 {
    background: url(../images/icons/anim-icon-14.png);
    width: 430px;
    height: 287px;
    left: 0px;

    top: 0px;
    background-repeat: no-repeat;
    background-size: contain;
}


/** counter-style-two **/

.fact-counter.style-two{
    position: relative;
    background: #253b70;
}

.fact-counter.style-two .counter-block .icon-box{
    color: #7c89a9;
}

.fact-counter.style-two .counter-block .count-outer span{
    color: #4ac0e8;
}

.fact-counter.style-two .counter-column:nth-child(2) .counter-block .count-outer span{
    color: #dbc195;
}

.fact-counter.style-two .counter-column:nth-child(3) .counter-block .count-outer span{
    color: #bc64ff;
}

.fact-counter.style-two .counter-column:last-child .counter-block .count-outer span{
    color: #fbb419;
}


/** teachers-style-three **/

.our-teachers.style-three{
    position: relative;
}

.teachers-block-two{
    position: relative;
    display: block;
}

.teachers-block-two .inner-box .image-box{
    position: relative;
    display: block;
    overflow: hidden;
    background: #692525;
    border-radius: 10px;
}

.teachers-block-two .inner-box .image-box img{
    width: 100%;
    border-radius: 10px;
    transition: all 500ms ease;
}

.teachers-block-two .inner-box:hover .image-box img{
    opacity: 0.5;
    transform: scale(1.03);
}

.teachers-block-two .inner-box{
    position: relative;
    overflow: hidden;
}

.teachers-block-two .inner-box .lower-content{
    position: relative;
    display: block;
    background: url(../images/icons/teacher-icon-4.png);
    max-width: 270px;
    width: 100%;
    margin: 0 auto;
    padding: 46px 15px 47px 15px;
    margin-top: -40px;
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.teachers-block-two .inner-box .lower-content h3{
    color: #fff;
    margin-bottom: 5px;
}

.teachers-block-two .inner-box .lower-content h3 a{
    color: #fff;
}

.teachers-block-two .inner-box .lower-content .designation{
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #fff;
    margin-bottom: 7px;
}

.teachers-block-two .inner-box .lower-content .social-list{
    position: relative;
    opacity: 0;
    transform: translateY(10px);
    transition: all 900ms ease;
}

.teachers-block-two .inner-box .lower-content .social-list li{
    position: relative;
    display: inline-block;
    margin: 0px 10px;
}

.teachers-block-two .inner-box .lower-content .social-list li a{
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #fff;
}

.teachers-block-two .inner-box:hover .lower-content .social-list{
    opacity: 1;
    transform: translateY(0px);
}

.our-teachers.style-three .inner-content{
    position: relative;
    display: block;
    margin: 0px -15px;
}

.our-teachers.style-three .block-column{
    padding: 0px 30px;
}


/** news-style-two **/

.news-section.style-two{
    position: relative;
    background: #f0ede6;
    padding: 144px 0px 150px 0px;
}

.news-block-two .inner-box{
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 30px 50px rgba(229, 229, 229, 0.8);
}

.news-block-two .inner-box .image-box{
    position: relative;
    display: block;
    overflow: hidden;
    background: #692525;
}

.news-block-two .inner-box .image-box img{
    width: 100%;
    transition: all 500ms ease;
}

.news-block-two .inner-box:hover .image-box img{
    opacity: 0.5;
    transform: scale(1.03);
}

.news-block-two .inner-box .lower-content{
    position: relative;
    display: block;
    background: #fff;
    padding: 43px 30px 60px 50px;
}

.news-block-two .inner-box .lower-content h3{
    line-height: 28px;
    margin-bottom: 26px;
}

.news-block-two .inner-box .lower-content .info-box{
    position: relative;
    display: block;
    margin-bottom: 6px;
}

.news-block-two .inner-box .lower-content .info-box li{
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #dbc195;
    margin-right: 38px;
}

.news-block-two .inner-box .lower-content .info-box li:before{
    position: absolute;
    content: '';
    background: #848484;
    width: 1px;
    height: 10px;
    top: 8px;
    right: -20px;
}

.news-block-two .inner-box .lower-content .info-box li:last-child:before{
    display: none;
}

.news-block-two .inner-box .lower-content .info-box li:last-child{
    color: #848484;
}

.news-block-two .inner-box .lower-content .text{
    position: relative;
    display: block;
    margin-bottom: 33px;
}

.news-section.style-two .news-block:last-child .news-block-two .inner-box{
    margin-bottom: 20px;
}

.news-section.style-two .news-block:last-child .news-block-two:last-child .inner-box{
    margin-bottom: 0px;
}

.news-section.style-two .news-block:last-child .news-block-two .inner-box .lower-content .text{
    margin-bottom: 0px;
}

.news-section.style-two .news-block:last-child .news-block-two .inner-box .lower-content{
    padding-bottom: 42px;
}


/** contact-section **/

.contact-section{
    position: relative;
}

.contact-section .outer-container{
    position: relative;
    min-height: 350px;
}

.contact-section .outer-container .contact-column{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    background: #fbb419;
}

.contact-section .outer-container .contact-column .content-box{
    position: relative;
    display: block;
    max-width: 690px;
    width: 100%;
    margin: 0 auto;
    padding: 144px 15px 167px 15px;
}

.contact-section .outer-container .map-column{
    position: relative;
    float: right;
    width: 50%;
}

.contact-section .outer-container .map-column .google-map-area{
    position: relative;
    display: block;
    background: #fff;
}

.contact-section .outer-container .map-column .google-map-area #contact-google-map{
    position: relative;
    display: block;
    width: 100%;
    height: 800px;
}

.contact-section .outer-container .contact-column .sec-title{
    position: relative;
    display: block;
    margin-bottom: 40px;
}

.contact-section .outer-container .contact-column .sec-title h5,
.contact-section .outer-container .contact-column .sec-title span,
.contact-section .outer-container .contact-column .sec-title h1,
.contact-section .outer-container .contact-column .sec-title h2{
    color: #fff;
}

.contact-section .outer-container .contact-column .sec-title h5:before{
    background: #fff;
}

.contact-section .outer-container .contact-column .sec-title span:before{
    background: #fff;
}

.contact-section .outer-container .contact-column .form-group{
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.contact-section .outer-container .contact-column .form-group:last-child{
    margin-bottom: 0px;
}

.contact-section .outer-container .contact-column .form-group input[type='text'],
.contact-section .outer-container .contact-column .form-group input[type='email'],
.contact-section .outer-container .contact-column .form-group textarea{
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    background: #fcc753;
    border-radius: 10px;
    padding: 10px 15px;
    font-size: 15px;
    color: #fff;
    transition: all 500ms ease;
}

.contact-section .outer-container .contact-column .form-group input:focus,
.contact-section .outer-container .contact-column .form-group textarea:focus{
    background: #692525;
}

.contact-section .outer-container .contact-column .form-group textarea{
    height: 170px;
    resize: none;
    margin-bottom: 30px;
}

.contact-section .outer-container .contact-column .form-group input::-webkit-input-placeholder,
.contact-section .outer-container .contact-column .form-group textarea::-webkit-input-placeholder{
    color:#fff;
}

.contact-section .outer-container .contact-column .form-group .theme-btn{
    background: #fff;
    color: #692525 !important;
}

.contact-section .outer-container .contact-column .form-group .theme-btn:hover{
    color: #fff !important;
}



/***

====================================================================
                        About-Page
====================================================================

***/

/* page-title */

.page-title{
    position: relative;
    display: block;
    width: 100%;
    padding: 235px 0px 65px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.page-title:before{
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.page-title .content-box h1{
    position: relative;
    display: block;
    font-size: 50px;
    line-height: 60px;
    color: #fff;
    font-weight: 900;
    margin-bottom: 23px;
}

.page-title .content-box .bread-crumb li{
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 26px;
    font-weight: 600;
    color: #dbc195;
    padding-left: 16px;
    margin-right: 5px;
}

.page-title .content-box .bread-crumb li:before{
    position: absolute;
    content: '/';
    font-size: 17px;
    color: #fff;
    top: 0px;
    left: 0px;
    font-weight: 400;
}

.page-title .content-box .bread-crumb li:last-child:before{
    display: none;
}

.page-title .content-box .bread-crumb li:last-child{
    padding: 0px 5px 0 0;
    margin: 0px;
}

.page-title .content-box .bread-crumb li a{
    color: #fff;
}

.page-title .content-box .bread-crumb li a:hover{
    color: #dbc195;
}


/** about-style-two **/

.about-section.style-two{
    position: relative;
    padding: 150px 0px 215px 0px;
}

.about-section.style-two .image-box{
    margin: 0px 0px 0px 220px;
}

.about-section.style-two .image-box:before{
    display: none;
}

.about-section.style-two .image-box .image-2{
    left: -185px;
    bottom: -245px;
}

.about-section.style-two .content-box{
    margin-top: 60px;
}

.our-teachers.about-page{
    background: #f2f0eb;
}



/***

====================================================================
                        Faq-Page
====================================================================

***/

.faq-page-section{
    position: relative;
    display: block;
    padding: 144px 0px 150px 0px;
}

.faq-page-section .accordion-box .block:nth-child(3){
    border-color: #dcc194;
}

.faq-page-section .accordion-box .block:nth-child(4){
    border-color: #dcc194;
}

.faq-page-section .accordion-box .block:last-child{
    border-color: #dcc194;
}

.faq-page-section .content-box .sec-title{
    margin-bottom: 32px;
}

.faq-page-section .content-box .text p{
    position: relative;
    display: block;
    margin-bottom: 26px;
}

.faq-page-section .faq-content{
    margin-top: 6px;
    height: 680px;
}

.faq-page-section .anim-icon .icon-1 {
    background: url(../images/icons/anim-icon-13.png);
    width: 265px;
    height: 400px;
    left: 350px;
    bottom: -70px;
    background-repeat: no-repeat;
    z-index: 1;
}

.faq-page-section .accordion-box .block:nth-child(3) .acc-btn.active h4,
.faq-page-section .accordion-box .block:nth-child(3) .acc-btn.active .icon-outer {
    color: #682525;
}

.faq-page-section .accordion-box .block:nth-child(4) .acc-btn.active h4,
.faq-page-section .accordion-box .block:nth-child(4) .acc-btn.active .icon-outer {
    color: #682525;
}

.faq-page-section .accordion-box .block:last-child .acc-btn.active h4,
.faq-page-section .accordion-box .block:last-child .acc-btn.active .icon-outer {
    color: #682525;
}


/** contact-style-two **/

.contact-style-two{
    position: relative;
    display: block;
    background: #f0ede7;
}

.contact-style-two .form-area .form-group{
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.contact-style-two .form-area .form-group:last-child{
    margin-bottom: 0px;
}

.contact-style-two .form-area .form-group input[type='text'],
.contact-style-two .form-area .form-group input[type='email'],
.contact-style-two .form-area .form-group textarea{
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    background: #fff;
    border: 3px solid #fff;
    font-size: 15px;
    color: #692525;
    padding: 10px 15px;
    border-radius: 10px;
    transition: all 500ms ease;
}

.contact-style-two .form-area .form-group textarea{
    height: 170px;
    resize: none;
    margin-bottom: 30px;
}

.contact-style-two .form-area .form-group input:focus,
.contact-style-two .form-area .form-group textarea:focus{
    border-color: #dbc195;
}

.contact-style-two .form-area .form-group input::-webkit-input-placeholder,
.contact-style-two .form-area .form-group textarea::-webkit-input-placeholder{
    color:#692525;
}

.contact-style-two .sec-title{
    margin-bottom: 40px;
}



/***

====================================================================
                        Error-Page
====================================================================

***/


.error-section{
    position: relative;
    padding: 150px 0px;
}

.error-section .content-box h1{
    position: relative;
    display: block;
    font-size: 200px;
    line-height: 150px;
    color: #dbc195;
    font-weight: 700;
    margin-bottom: 15px;
}

.error-section .content-box h2{
    position: relative;
    display: block;
    font-size: 44px;
    line-height: 52px;
    color: #692525;
    font-weight: 600;
    margin-bottom: 21px;
}

.error-section .text a{
    color: #dbc195;
}

.error-section .text a:hover{
    text-decoration: underline;
}



/***

====================================================================
                        Classes-Page
====================================================================

***/

.classes-page-section{
    position: relative;
    padding: 150px 0px 120px 0px;
}

.classes-page-section .inner-block{
    margin-bottom: 30px;
    z-index: 2;
}

.classes-section .block-column:nth-child(3) .inner-block .lower-content .link-btn a{
    background: #dbc195;
}

.classes-section .block-column:nth-child(4) .inner-block .lower-content .link-btn a{
    background: #b350ff;
}

.classes-section .block-column:nth-child(5) .inner-block .lower-content .link-btn a{
    background: #ff689d;
}

.classes-section .block-column:last-child .inner-block .lower-content .link-btn a{
    background: #7c3bff;
}

.class-details{
    position: relative;
    display: block;
    padding: 144px 0px 143px 0px;
}

.class-details .inner-box .info-box{
    position: relative;
    display: block;
    background: url(../images/icons/info-bg.png);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    padding: 27px 30px 23px 30px;
}

.class-details .inner-box .info-box li{
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 55px;
}

.class-details .inner-box .info-box li:last-child{
    margin-right: 0px;
}

.class-details .inner-box .info-box li h6{
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 20px;
    color: #bdc1ce;
    font-weight: 500;
}

.class-details .inner-box .info-box li h5{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    font-weight: 700;
}

.class-details .inner-box .info-box li .thumb-box{
    position: absolute;
    left: 0px;
    top: -5px;
    width: 55px;
    height: 55px;
    overflow: hidden;
    border-radius: 50%;
}

.class-details .inner-box .info-box li .thumb-box img{
    width: 100%;
    border-radius: 50%;
}

.class-details .inner-box .info-box li:first-child{
    padding: 0px 0px 0px 73px;
}

.class-details .inner-box .sec-title{
    margin-bottom: 33px;
}

.class-details .inner-box .bold-text{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #692525;
    margin-bottom: 73px;
}

.class-details .inner-box .info-box li:first-child:before,
.class-details .inner-box .info-box li:nth-child(2):before{
    position: absolute;
    content: '';
    border: 1px dashed #59688e;
    width: 1px;
    height: 35px;
    top: 15px;
    right: -25px;
}

.class-details .inner-box .upper-content{
    position: relative;
    display: block;
    margin-bottom: 72px;
}

.class-details .inner-box .lower-content h3{
    position: relative;
    display: block;
    font-size: 30px;
    color: #692525;
    line-height: 40px;
    font-weight: 900;
    margin-bottom: 23px;
}

.class-details .inner-box .lower-content .text p{
    position: relative;
    display: block;
    margin-bottom: 26px;
}

.class-details .inner-box .lower-content .image-box{
    position: relative;
    display: block;
    margin-bottom: 67px;
    padding-top: 47px;
}

.class-details .inner-box .lower-content .image-box img{
    width: 100%;
}

.class-details .class-details-content{
    position: relative;
    display: block;
    margin-right: 20px;
}

.class-details .inner-box .lower-content .list li{
    position: relative;
    display: block;
    margin-bottom: 5px;
    padding: 0px 0px 0px 17px;
}

.class-details .inner-box .lower-content .list li:before{
    position: absolute;
    content: '';
    background: #dbc195;
    height: 6px;
    width: 6px;
    left: 0px;
    top: 12px;
    border-radius: 50%;
}

.class-details .inner-box .lower-content .list li:last-child{
    margin-bottom: 0px;
}

.class-details .inner-box .lower-content .list{
    position: relative;
    display: block;
    padding-top: 8px;
}

.class-details .class-details-sidebar .inner-box{
    position: relative;
    display: block;
    background: #f1efe8;
    padding: 44px 40px 23px 40px;
    border-radius: 10px;
}

.class-details .class-details-sidebar .inner-box h3{
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 30px;
    color: #692525;
    font-weight: 900;
    margin-bottom: 15px;
}

.class-details .class-details-sidebar .inner-box .text{
    position: relative;
    display: block;
    margin-bottom: 27px;
}

.class-details .class-details-sidebar .inner-box .info-list li{
    position: relative;
    display: block;
    margin-bottom: 19px;
    padding-bottom: 19px;
    border-bottom: 1px dashed #cdccc5;
}

.class-details .class-details-sidebar .inner-box .info-list li:last-child{
    border: none;
    margin-bottom: 0px;
}

.class-details .class-details-sidebar .inner-box .info-list li h5{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 26px;
    color: #692525;
    font-weight: 700;
}

.class-details .class-details-sidebar .inner-box .info-list li span{
    position: relative;
    display: block;
    font-size: 18px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    line-height: 26px;
    color: #dbc195;
    font-weight: 700;
}



/***

====================================================================
                        Gallery-Page
====================================================================

***/

.gallery-page-section{
    position: relative;
    display: block;
    padding: 142px 0px 120px 0px;
}

.gallery-page-section .anim-icon .icon-1 {
    background: url(../images/icons/anim-icon-1-gallery.png);
    width: 210px;
    height: 275px;
    right: 140px;
    top: 40px;
    background-repeat: no-repeat;
}

.gallery-page-section .anim-icon .icon-2 {
    background: url(../images/icons/anim-icon-2-gallery.png);
    width: 188px;
    height: 192px;
    top: 70px;
    left: 110px;
    background-repeat: no-repeat;
}

.gallery-page-section .anim-icon .icon-3 {
    background: url(../images/icons/anim-icon-3-gallery.png);
    width: 300px;
    height: 300px;
    bottom: 0px;
    right: 0px;
    background-repeat: no-repeat;
    z-index: 1;
}

.gallery-page-section .anim-icon .icon-4 {
    background: url(../images/icons/anim-icon-4-gallery.png);
    width: 300px;
    height: 165px;
    bottom: 130px;
    left: 70px;
    background-repeat: no-repeat;
}

.gallery-page-section .gallery-block{
    margin-bottom: 30px;
}

.gallery-page-section .filter-tabs{
    position: relative;
    display: block;
    margin-bottom: 63px;
}

.gallery-page-section .filter-tabs li{
    position: relative;
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #692525;
    font-weight: 700;
    margin: 0px 12px;
    cursor: pointer;
    transition: all 500ms ease;
}

.gallery-page-section .filter-tabs li.active,
.gallery-page-section .filter-tabs li:hover{
    color: #dbc195;
}



/***

====================================================================
                        Teachers-Page
====================================================================

***/

.our-teachers.teachers-page {
    background: #f2f0eb;
}

.our-teachers.teachers-page-section{
    position: relative;
    padding-bottom: 45px;
}

.our-teachers.teachers-page-section .teachers-block-one{
    margin-bottom: 105px;
}

.our-teachers.teachers-page-section .block-column:nth-child(3) .teachers-block-one .inner-box .image-holder {
    border-color: #dbc195;
}

.our-teachers.teachers-page-section .block-column:nth-child(3) .teachers-block-one .inner-box .lower-content:before {
    background: url(../images/icons/teacher-icon-3.png);
}

.our-teachers.teachers-page-section .block-column:nth-child(3) .teachers-block-one .inner-box .lower-content:after {
    background: url(../images/icons/hover-3.png);
}

.our-teachers.teachers-page-section .block-column:nth-child(4) .teachers-block-one .inner-box .image-holder {
    border-color: #b350ff;
}

.our-teachers.teachers-page-section .block-column:nth-child(4) .teachers-block-one .inner-box .lower-content:before {
    background: url(../images/icons/teacher-icon-5.png);
}

.our-teachers.teachers-page-section .block-column:nth-child(4) .teachers-block-one .inner-box .lower-content:after {
    background: url(../images/icons/hover-5.png);
}

.our-teachers.teachers-page-section .block-column:nth-child(5) .teachers-block-one .inner-box .image-holder {
    border-color: #f8457c;
}

.our-teachers.teachers-page-section .block-column:nth-child(5) .teachers-block-one .inner-box .lower-content:before {
    background: url(../images/icons/teacher-icon-6.png);
}

.our-teachers.teachers-page-section .block-column:nth-child(5) .teachers-block-one .inner-box .lower-content:after {
    background: url(../images/icons/hover-6.png);
}

.our-teachers.teachers-page-section .block-column:last-child .teachers-block-one .inner-box .image-holder {
    border-color: #8bd451;
}

.our-teachers.teachers-page-section .block-column:last-child .teachers-block-one .inner-box .lower-content:before {
    background: url(../images/icons/teacher-icon-7.png);
}

.our-teachers.teachers-page-section .block-column:last-child .teachers-block-one .inner-box .lower-content:after {
    background: url(../images/icons/hover-7.png);
}



/***

====================================================================
                        Pricing-Page
====================================================================

***/

.pricing-section{
    position: relative;
    display: block;
}

.pricing-section .sec-title{
    position: relative;
    display: block;
    margin-bottom: 60px;
}

.pricing-section .pricing-table{
    position: relative;
    display: block;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 30px 50px rgba(229, 229, 229, 0.8);
}

.pricing-section .pricing-table:before{
    position: absolute;
    content: '';
    background: #b350ff;
    width: 100%;
    height: 0%;
    left: 0px;
    top: 200px;
    transition: all 1500ms ease;
}

.pricing-section .pricing-table:hover:before{
    height: 100%;
}

.pricing-section .pricing-block:nth-child(2) .pricing-table:before{
    background: #fab319;
}

.pricing-section .pricing-block:last-child .pricing-table:before{
    background: #43b3d9;
}

.pricing-section .pricing-table .table-header{
    position: relative;
    display: block;
    background: #b350ff;
    padding: 49px 40px 43px 50px;
}

.pricing-section .pricing-table .table-header:before{
    position: absolute;
    content: "\f117";
    font-family: 'Flaticon';
    font-size: 70px;
    line-height: 70px;
    top: 45px;
    right: 35px;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
}

.pricing-section .pricing-block:nth-child(2) .pricing-table .table-header{
    background: #fab319;
}

.pricing-section .pricing-block:last-child .pricing-table .table-header{
    background: #43b3d9;
}

.pricing-section .pricing-table .table-header h1{
    position: relative;
    display: block;
    font-size: 60px;
    line-height: 54px;
    color: #fff;
    font-weight: 900;
}

.pricing-section .pricing-table .table-header h1 span{
    font-size: 20px;
    font-weight: 700;
}

.pricing-section .pricing-table .table-header h4{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.pricing-section .pricing-table .table-header .text{
    position: relative;
    display: block;
    color: #fff;
    border-top: 1px dashed rgba(255, 255, 255, 0.5);
    padding-top: 22px;
}

.pricing-section .pricing-table .table-content{
    position: relative;
    display: block;
    padding: 30px 40px 19px 50px;
}

.pricing-section .pricing-table .table-content li{
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #692525;
    font-weight: 700;
    padding: 13px 0px 14px 27px;
    border-bottom: 1px dashed #e5e5e5;
    transition: all 1500ms ease;
}

.pricing-section .pricing-table .table-content li:last-child{
    border-bottom: none;
}

.pricing-section .pricing-table:hover .table-content li,
.pricing-section .pricing-table:hover .table-content li:before{
    color: #fff !important
}

.pricing-section .pricing-table .table-content li:before{
    position: absolute;
    content: "\f121";
    font-family: 'Flaticon';
    font-size: 15px;
    font-weight: 600;
    color: #dbc195;
    left: 0px;
    top: 14px;
    transition: all 1500ms ease;
}

.pricing-section .pricing-block:first-child .pricing-table .table-content li:last-child,
.pricing-section .pricing-block:first-child .table-content li:nth-child(4),
.pricing-section .pricing-block:nth-child(2) .pricing-table .table-content li:last-child{
    color: #848484;
}

.pricing-section .pricing-block:first-child .pricing-table:first-child .table-content li:nth-child(4):before,
.pricing-section .pricing-block:first-child .pricing-table:first-child .table-content li:last-child:before,
.pricing-section .pricing-block:nth-child(2) .pricing-table:first-child .table-content li:last-child:before{
    content: "\f122";
    color: #848484;
    font-size: 13px;
}

.pricing-section .pricing-table .table-footer{
    position: relative;
    display: block;
    padding: 10px 40px 50px 50px;
}



/***

====================================================================
                        Events-Page
====================================================================

***/

.event-page-section{
    position: relative;
    display: block;
    padding: 150px 0px 120px 0px;
}

.event-page-section .event-block:nth-child(2) .event-block-one .inner-box .content-box .date {
    background: url(../images/icons/date-bg-2.png);
    background-repeat: no-repeat;
}

.event-page-section .event-block:nth-child(3) .event-block-one .inner-box .content-box .date {
    background: url(../images/icons/date-bg-3.png);
    background-repeat: no-repeat;
}

.event-page-section .event-block:nth-child(4) .event-block-one .inner-box .content-box .date {
    background: url(../images/icons/date-bg-4.png);
    background-repeat: no-repeat;
}

.event-page-section .event-block:nth-child(5) .event-block-one .inner-box .content-box .date {
    background: url(../images/icons/date-bg-5.png);
    background-repeat: no-repeat;
}

.event-page-section .event-block:last-child .event-block-one .inner-box .content-box .date {
    background: url(../images/icons/date-bg-6.png);
    background-repeat: no-repeat;
}

.event-page-section .event-block-one .inner-box{
    box-shadow: 0 30px 50px rgba(229, 229, 229, 0.8);
}


/** event-details **/

.event-details{
    position: relative;
    display: block;
    padding: 150px 0px 150px 0px;
}

.event-details .event-details-content{
    position: relative;
    display: block;
    margin-right: 20px;
}

.event-details .event-details-content .image-box{
    position: relative;
    display: block;
    margin-bottom: 0px;
    border-radius: 10px;
}

.event-details .event-details-content .image-box img{
    width: 100%;
    border-radius: 10px;
}

.event-details .event-details-content .inner-box .date{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #fbb419;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.event-details .event-details-content .inner-box h1{
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 50px;
    color: #692525;
    font-weight: 900;
    margin-bottom: 33px;
}

.event-details .event-details-content .inner-box .bold-text{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #692525;
    margin-bottom: 73px;
}

.countdown-box{
    position: relative;
    display: block;
    background: url(../images/icons/countdown-bg.png);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    padding: 30px 40px 30px 40px;
    margin-bottom: 72px;
}

.countdown-timer .counter-column:last-child{
    border-right: none;
}

.countdown-timer .counter-column{
    position: relative;
    text-align: center;
    display: inline-block;
    width: 90px;
    height: 90px;
    background: #fbb419;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    border-radius: 50%;
    margin-right: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    font-weight: 500;
}

.countdown-timer .counter-column:nth-child(2){
    background: #43b8e0;
}

.countdown-timer .counter-column:nth-child(3){
    background: #e84174;
}

.countdown-timer .counter-column:last-child{
    margin-right: 0px;
    background: #86ca50;
}

.countdown-timer .counter-column span{
    position: relative;
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: 26px;
    line-height: 20px;
    top: 27px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
}

.event-details .event-details-content .countdown-box h3{
    position: relative;
    display: inline-block;
    font-size: 26px;
    line-height: 35px;
    color: #fff;
    font-weight: 900;
    margin-right: 20px;
    margin-bottom: 0px;
    top: -11px;
}

.event-details .event-details-content .countdown-box .countdown-timer{
    position: relative;
    display: inline-block;
}

.event-details .event-details-content .text{
    position: relative;
    display: block;
    padding-bottom: 10px;
}

.event-details .event-details-content .text p{
    position: relative;
    display: block;
    margin-bottom: 26px;
}

.event-details .event-details-content .google-map-area{
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

.event-details .event-details-content .google-map-area #contact-google-map{
    position: relative;
    width: 100%;
    height: 400px;
}

.event-details .event-details-content .inner-box h2{
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 40px;
    font-weight: 900;
    color: #692525;
    margin-bottom: 23px;
    margin-top: 31px;
}

.event-details .event-details-content .inner-box .list-item{
    position: relative;
    display: block;
    margin-bottom: 72px;
}

.event-details .event-details-content .inner-box .list-item li{
    position: relative;
    display: block;
    margin-bottom: 5px;
    padding: 0px 0px 0px 17px;
}

.event-details .event-details-content .inner-box .list-item li:last-child{
    margin-bottom: 0px;
}

.event-details .event-details-content .inner-box .list-item li:before{
    position: absolute;
    content: '';
    background: #dbc195;
    height: 6px;
    width: 6px;
    left: 0px;
    top: 12px;
    border-radius: 50%;
}

.event-details .event-details-content .inner-box .social-style-one{
    margin-bottom: 80px;
}

.event-details .event-details-sidebar .inner-box {
    position: relative;
    display: block;
    background: #f4f4f2;
    padding: 44px 40px 50px 40px;
    border-radius: 10px;
}

.event-details .event-details-sidebar .inner-box h3 {
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 30px;
    color: #692525;
    font-weight: 900;
    margin-bottom: 15px;
}

.event-details .event-details-sidebar .inner-box .text {
    position: relative;
    display: block;
    margin-bottom: 27px;
}

.event-details .event-details-sidebar .inner-box .info-list li {
    position: relative;
    display: block;
    margin-bottom: 19px;
    padding-bottom: 19px;
    border-bottom: 1px dashed #d1bdbd;
}

.event-details .event-details-sidebar .inner-box .info-list li:last-child {
    border: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.event-details .event-details-sidebar .inner-box .info-list li h5 {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 26px;
    color: #692525;
    font-weight: 700;
}

.event-details .event-details-sidebar .inner-box .info-list li span {
    position: relative;
    display: block;
    font-size: 18px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    line-height: 26px;
    color: #dbc195;
    font-weight: 700;
}

.event-details .event-details-sidebar .inner-box .info-list li a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    line-height: 26px;
    color: #dbc195;
    font-weight: 700;
}

.event-details .event-details-sidebar .inner-box .info-list li a:hover{
    color: #692525;
}



/***

====================================================================
                        Shop-Page
====================================================================

***/


.shop-section{
    position: relative;
    display: block;
    padding: 150px 0px 150px 0px;
}

.select-box .ui-state-default {
    position: relative;
    display: block;
    background: #ffffff;
    border: 1px solid #e5e5e5 !important;
    border-radius: 0;
    color: #777777;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    outline: medium none;
    width: 100%;
    cursor: pointer;
    border-radius: 10px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
}

.select-box .ui-selectmenu-button span.ui-icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 60px;
    height: 48px;
    text-indent: 0;
    margin: 0;
}

.select-box .ui-selectmenu-button span.ui-icon::before {
    color: #222222;
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 15px;
    overflow: visible;
    position: absolute;
    right: 21px;
    top: 12px;
}

.select-box .ui-state-default {
    width: 210px !important;
}

.ui-selectmenu-open .ui-widget-content {
    border: none;
    background: #ffffff;
    color: #222222;
    border-radius: 0;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.10);
}

.ui-selectmenu-open .ui-widget-content .ui-state-focus {
    border: none;
    background: #dbc195;
    font-weight: normal;
    color: #ffffff;
    font-size: 13px;
}

.ui-selectmenu-open .ui-menu .ui-menu-item {
    border-bottom: 1px solid #efebea;
    position: relative;
    margin: 0;
    padding: 10px 15px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    text-transform: none;
    transition: all 500ms ease;
}

.ui-selectmenu-open .ui-menu .ui-menu-item:last-child{
    border-bottom: none;
}

.select-box .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    line-height: 13px;
    overflow: hidden;
    padding: 15px 19px;
    text-align: right;
    margin-right: 0px;
}

.ui-selectmenu-menu .ui-menu{
    transform: scaleY(0);
    transform-origin: top center;
    transition: .4s ease;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.ui-selectmenu-open .ui-menu{
    transform: scaleY(1);
    top: 100%;
}

.ui-selectmenu-menu{
    transform: scaleY(0);
    transform-origin: top center;
    display: block;
}

.ui-selectmenu-open{
    transform: scaleY(1);
}

.shop-section .item-sorting .result-column{
    position: relative;
    display: block;
    color: #777777;
    top: 12px;
}

.shop-section .item-sorting{
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.shop-section .item-sorting .result-column span{
    color: #222222;
}

.shop-section .shop-sidebar .sidebar-search .form-group{
    position: relative;
    display: block;
    margin-bottom: 40px;
}

.shop-section .shop-sidebar .sidebar-search .form-group input[type='search']{
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 15px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 10px 50px 10px 15px;
    transition: all 500ms ease;
}

.shop-section .shop-sidebar .sidebar-search .form-group input:focus + button,
.shop-section .shop-sidebar .sidebar-search .form-group button:hover{
    color: #dbc195;
}

.shop-section .shop-sidebar .sidebar-search .form-group input:focus{
    border-color: #dbc195;
}

.shop-section .shop-sidebar .sidebar-search .form-group button{
    position: absolute;
    top: 12px;
    right: 20px;
    font-size: 18px;
    color: #222;
    background: transparent;
    cursor: pointer;
    transition: all 500ms ease;
}

.sidebar-title{
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 30px;
    color: #692525;
    font-weight: 700;
}

.shop-section .shop-sidebar .sidebar-categories li{
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.shop-section .shop-sidebar .sidebar-categories li:last-child{
    margin-bottom: 0px;
}

.shop-section .shop-sidebar .sidebar-categories li a{
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #692525;
    font-weight: 700;
}

.shop-section .shop-sidebar .sidebar-categories li a:hover{
    color: #dbc195;
}

.shop-section .shop-sidebar .sidebar-categories .sidebar-title{
    margin-bottom: 25px;
}

.shop-section .shop-sidebar .sidebar-categories{
    position: relative;
    display: block;
    margin-bottom: 34px;
}

.range-slider{
    position:relative;
    min-height:48px;
}

.range-slider .title {
    position: relative;
    display: inline-block;
}

.range-slider p{
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #222;
    font-weight: 600;
    margin-right: 15px;
    top: 5px;
}

.range-slider .title:before {
    position: absolute;
    content: '$';
    left: -9px;
    top: -13px;
    color: #222222;
    font-size: 15px;
    font-weight: 600;
}

.range-slider .input{
    float:right;
    color:#222222;
    max-width: 75px;
    font-size:15px;
    font-weight: 600;
    margin-top:5px;
    position: relative;
}

.range-slider .input input{
    background:none;
    color:#222222;
    font-size:15px;
    font-weight:600;
    text-align:left;
}

.range-slider .ui-widget.ui-widget-content{
    height:4px;
    border:none;
    margin-bottom:30px;
    background:#eaeceb;
}

.range-slider .ui-slider .ui-slider-range{
    top:0px;
    height:4px;
    background:#dbc195;
}

.range-slider .ui-state-default,
.range-slider .ui-widget-content .ui-state-default{
    top:-7px;
    width:18px;
    height:18px;
    background: #fff;
    border: 3px solid #dbc195;
    border-radius:50%;
    cursor:pointer;
    margin-left: 0px;
}

.range-slider .filter-btn{
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #ffffff;
    background: #dbc195;
    padding: 5px 21px 4px 20px;
    border-radius: 10px;
    transition: all 500ms ease;
}

.range-slider .filter-btn:hover{
    background: #692525;
}

.shop-section .shop-sidebar .price-filters .sidebar-title{
    margin-bottom: 30px;
}

.single-product-box{
    position: relative;
    display: block;
    margin-bottom: 0px;
}

.single-product-box .inner-box{
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    text-align: center;
    border-radius: 10px;
    padding: 10px 15px 33px 15px;
    margin-top: -40px;
    cursor: pointer;
}

.single-product-box .inner-box:before{
    position: absolute;
    content: '';
    background: rgba(219, 193, 149, 0.2);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0;
    z-index: 1;
    transition: all 500ms ease;
}

.single-product-box .inner-box .image-box{
    position: relative;
    display: block;
    margin-bottom: 0px;
}

.single-product-box .inner-box .image-box img{
    width: 50%;
    margin: 20px;
}

.single-product-box .inner-box:hover:before{
    opacity: 1;
}

.single-product-box .inner-box .lower-content h4{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 10px;
    color: #ba7b48;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 10px;
}

.single-product-box .inner-box .lower-content .price{
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 700;
    color: #dbc195;
}

.single-product-box .inner-box .overlay-content{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    z-index: 2;
    opacity: 0;
    transition: all 900ms ease;
}

.single-product-box .inner-box:hover .overlay-content{
    opacity: 1;
}

.single-product-box .inner-box .overlay-content li{
    position: relative;
    display: inline-block;
    margin: 0px 1px;
}

.single-product-box .inner-box .overlay-content li a{
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #692525;
    width: 60px;
    height: 60px;
    background: #fff;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
}

.single-product-box .inner-box .overlay-content li a:hover{
    color: #fff;
    background: #dbc195;
}

/** shop-details **/

.shop-details{
    position: relative;
    display: block;
    padding: 150px 0px 120px 0px;
}

.shop-details .product-details-content .image-box{
    position: relative;
    display: block;
    background: #fff;
    border: 0px solid #e5e5e5;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 0px;
}

.shop-details .product-details-content .image-box img{
    width: 80%;
    margin: 0 auto;
    display: table;
}

.shop-details .product-details-content .image-box .view-box{
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
}

.shop-details .product-details-content .image-box .view-box a{
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #692525;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
}

.shop-details .product-details-content .image-box .view-box a:hover{
    color: #dbc195;
    border-color: #dbc195;
}

.shop-details .product-details-content .content-box h2{
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 40px;
    color: #692525;
    font-weight: 900;
    margin-bottom: 21px;
}

.shop-details .product-details-content .content-box .rating{
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}

.shop-details .product-details-content .content-box .rating li{
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #ffc61c;
}

.shop-details .product-details-content .content-box .reviews{
    position: relative;
    display: inline-block;
    margin-left: 3px;
    margin-bottom: 18px;
}

.shop-details .product-details-content .content-box .reviews a{
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #848484;
}

.shop-details .product-details-content .content-box .item-price{
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 35px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #dbc195;
    font-weight: 700;
    margin-bottom: 25px;
}

.shop-details .product-details-content .content-box .text{
    position: relative;
    display: block;
    margin-bottom: 0px;
}

.shop-details .item-quantity {
    position: relative;
    float: left;
    padding: 0px 60px;
    /* margin-right: 0px; */
    /* margin-bottom: 0px; */
    /* margin: 0px auto 0 auto; */
    float: right;
    /* display: table;*/
}

.item-quantity .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    border: 1px solid #e6e6e6;
    max-width: 70px;
    width: 100%;
    height: 55px;
}

.shop-details .item-quantity input.quantity-spinner {
    padding: 15px 0px !important;
}

.item-quantity input.quantity-spinner {
    line-height: 28px;
    width: 60px;
    padding: 5px 0px !important;
    box-shadow: none !important;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    border: none;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #692525;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up {
    position: absolute;
    height: 60px;
    width: 60px;
    background: #fafafa;
    padding: 0px 0px;
    right: -59px;
    top: -59px;
    border: 1px solid #e5e5e5;
    border-top-right-radius:10px;
    border-bottom-right-radius: 10px;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down {
    position: absolute;
    height: 60px;
    width: 60px;
    background: #fafafa;
    padding: 0px 0px;
    left: -59px;
    top: -57px;
    border: 1px solid #e5e5e5;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.bootstrap-touchspin .glyphicon-chevron-up:before {
    content: "\f067";
    font-size: 16px;
    font-style: normal;
    color: #c3c3c3;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.bootstrap-touchspin .glyphicon-chevron-down:before {
    content: "\f068";
    font-size: 16px;
    font-style: normal;
    color: #c3c3c3;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
}

.bootstrap-touchspin .input-group-btn-vertical{
    position: absolute;
    width: 100%;
}

.bootstrap-touchspin .input-group-btn-vertical i{
    top: 17px;
    left: 22px;
}

.shop-details .addto-cart-box .like-box{
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

.shop-details .addto-cart-box .like-box a{
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: #692525;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.shop-details .addto-cart-box .like-box a:hover{
    color: #dbc195;
    border-color: #dbc195;
}

.shop-details .addto-cart-box .cart-btn{
    position: relative;
    display: block;
}

.shop-details .addto-cart-box{
    position: relative;
    display: block;
    margin-bottom: 33px;
}

.shop-details .content-box .category li{
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #777777;
    line-height: 26px;
}

.shop-details .content-box .category li a{
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #777777;
    line-height: 26px;
}

.shop-details .content-box .category li a:hover{
    color: #dbc195;
}

.shop-details .content-box .category li h6{
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 26px;
    font-weight: 700;
    color: #692525;
    margin-right: 5px;
}

.shop-details .content-box{
    background: #fafafa;
    padding: 10px 10px;
    border-radius: 10px;
}

.shop-details .product-details-content{
    position: relative;
    display: block;
    margin-bottom: 100px;
}

.tabs-box .tab{
    position:relative;
    display:none;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.tabs-box .tab.active-tab{
    display:block;
}

.tabs-box .tab{
    transform:scale(0.9,0.9) translateY(0px);
}

.tabs-box .tab.active-tab{
    transform:scale(1) translateY(0px);
}

.shop-details .product-info-tabs .tabs-content .text h3{
    font-size: 24px;
    margin-bottom: 0px;
    border-bottom: 0px dashed #f3b06e;
    padding: 15px 0;
    text-align: center;
}
.shop-details .product-info-tabs .tabs-content .text h4{
    /*margin-bottom: 26px!important;*/
}
.shop-details .product-info-tabs .tabs-content .text p{
    margin-bottom: 26px;
    display: none;
}

.shop-details .product-info-tabs .tabs-content .text p:last-child{
    margin-bottom: 0px;
}

.shop-details .product-info-tabs .tab-btns{
    position: relative;
    display: block;
    padding-bottom: 20px;
    margin-bottom: 0px;
    border-bottom: 0px dashed #e9e9e9;
}

.shop-details .product-info-tabs .tab-btns li{
    position: relative;
    float: left;
    font-size: 15px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 700;
    color: #8a8d91;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 16px 31px 16px 30px;
    text-transform: uppercase;
    margin-left: 10px;
    cursor: pointer;
    transition: all 500ms ease;
}

.shop-details .product-info-tabs .tab-btns li.active-btn,
.shop-details .product-info-tabs .tab-btns li:hover{
    color: #fff;
    background: #dbc195;
    border-color: #dbc195;
}

.shop-details .product-info-tabs .tab-btns li:last-child{
    margin-right: 0px;
}

.shop-details .product-info-tabs{
    position: relative;
    display: block;
    margin-bottom: 35px;
}

.shop-details .related-product .sec-title{
    margin-bottom: 40px;
}



/***

====================================================================
                        Cart-page
====================================================================

***/


.cart-section{
    position: relative;
    display: block;
    padding: 150px 0px;
}

.cart-section .table-outer {
    overflow-x: auto;
    position: relative;
    width: 100%;
    border: 1px solid #eeede6;
    border-radius: 10px;
    margin-bottom: 80px;
}

.cart-section .cart-table {
    min-width: 1165px;
    width: 100%;
}

.cart-section .cart-table thead tr th {
    line-height: 24px;
    min-width: 110px;
    padding: 26px 15px 24px 0px;
    color: #692525;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-size: 18px;
    font-weight: 700;
    position: relative;
    text-align: center;
}

.cart-section .cart-table tbody tr,
.cart-section .cart-table .cart-header {
    border-bottom: none;
}

.cart-section .cart-table tbody tr{
    border-bottom: 1px dashed #eeede6;
}

.cart-section .cart-table .cart-header{
    background: #eeede6;
}

.cart-section .cart-table tbody tr td.prod-column{
    padding: 30px;
}

.cart-section .cart-table tbody tr .prod-column .column-box {
    min-height: 80px;
    position: relative;
    padding: 25px 0px 16px 40px;
}

.cart-section .cart-table tbody tr .prod-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}

.cart-section .cart-table tbody tr .prod-column .column-box .prod-thumb{
    position: absolute;
    left: 0px;
    top: calc(50% - 5px);
    border: 0px solid #e7e7e7;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    transition: all 500ms ease;
    line-height: 0;
}

.cart-section .cart-table tbody tr .prod-column .column-box .title{
    padding-left: 20px;
}

.cart-section .cart-table tbody tr .qty {
    position: relative;
    padding: 27px 30px 27px 30px;
    text-align: center;
}

.cart-section .cart-table tbody tr .qty input{
    width: 50px;
    font-size: 16px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #848484;
    font-weight: 700;
}

.cart-section .cart-table tbody tr .qty input::-webkit-input-placeholder{
    color:#848484;
}

.cart-section .cart-table .qty .item-quantity{
    position: relative;
    width: 54px;
    margin: auto;
}

.cart-section .cart-table .qty input.quantity-spinner {
    font-size: 18px;
    line-height: 24px;
    padding: 10px 15px !important;
    height: 40px !important;
    box-shadow: none !important;
    text-align: center;
    color: #273251;
}

.cart-section .cart-table .qty .bootstrap-touchspin .input-group-btn-vertical > .btn {
    padding: 9px 12px 10px 13px;
    background: #edf0f3;
    border-radius: 0px;
}

.cart-section .cart-table .qty .input-group-btn-vertical .btn.bootstrap-touchspin-up{
    border-top-right-radius: 5px;
    border-top: 1px solid #dddee4;
    border-right: 1px solid #dddee4;
}

.cart-section .cart-table .qty .input-group-btn-vertical .btn.bootstrap-touchspin-down {
    border-bottom-right-radius: 5px;
    border-right: 1px solid #dddee4;
    border-bottom: 1px solid #dddee4;
}

.cart-section .cart-table .qty .input-group-btn-vertical i{
    top: 6px;
    left: 7px;
    line-height: 1.4em;
}

.cart-section .cart-table .qty .bootstrap-touchspin .input-group-btn-vertical{
    left: 1px;
}

.cart-section .cart-table .qty .input-group-btn-vertical .bootstrap-touchspin-up i{
    top: 13px;
}

.cart-section .cart-table .qty .input-group-btn-vertical .bootstrap-touchspin-down i{
    top: -4px;
}

.cart-section .cart-table .qty .form-control:focus,
.cart-section .cart-table .qty .form-control{
    border: 1px solid #dddee4;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.cart-section .cart-table .qty .glyphicon-chevron-up:before {
    content: "\f0de";
    color: #898f9f;
    font-size: 18px;
    font-style: normal;
    font-family: 'FontAwesome';
}

.cart-section .cart-table .qty .glyphicon-chevron-down:before {
    content: "\f0dd";
    color: #898f9f;
    font-size: 18px;
    font-style: normal;
    font-family: 'FontAwesome';
}

.cart-section .cart-table tbody tr td.price {
    color: #848484;
    font-size: 16px;
    text-align: center;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 700;
    position: relative;
    padding: 30px 10px 30px 10px;
}

.cart-section .cart-table tbody tr .sub-total {
    font-size: 16px;
    color: #dbc195;
    padding: 27px 10px 27px 10px;
    text-align: center;
    font-weight: 700;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
}

.cart-section .cart-table tbody tr td .remove a {
    position: relative;
    display: inline-block;
    font-size: 12px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    text-align: center;
    color: #8a8d91;
    padding: 0px;
}

.cart-section .cart-table tbody tr td .remove a:hover{
    border-color: #dbc195;
    color: #dbc195;
}

.cart-section .cart-table tbody tr td .remove{
    text-align: center;
}

.cart-section .cart-table .prod-title{
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: #692525;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
}

.cart-section .table-outer .othre-content{
    position: relative;
    display: block;
    padding: 24px 30px 33px 30px;
}

.cart-section .table-outer .othre-content .text{
    position: relative;
    display: block;
    font-size: 15px;
    color: #222;
    margin-bottom: 8px;
}

.cart-section .table-outer .othre-content .coupon-box input{
    position: relative;
    max-width: 270px;
    width: 100%;
    height: 60px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 10px 15px;
    font-size: 15px;
    margin-right: 7px;
    transition: all 500ms ease;
}

.cart-section .table-outer .othre-content .coupon-box input:focus{
    border-color: #dbc195;
}

.cart-section .table-outer .othre-content .theme-btn{
    border-radius: 10px;
    overflow: hidden;
}

.cart-section .table-outer .othre-content .update-btn{
    position: relative;
    float: right;
    display: inline-block;
    font-size: 15px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    padding: 17px 40px;
    line-height: 26px;
    color: #8a8d91;
    font-weight: 900;
    border: 1px solid #dbc195;
    border-radius: 10px;
    background: transparent;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    transition: all 500ms ease;
    z-index: 1;
}

.cart-section .table-outer .othre-content .update-btn:hover{
    color: #fff;
    background: #dbc195;
}

.cart-section .cart-total .total-cart-box{
    position: relative;
    display: block;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    overflow: hidden;
}

.cart-section .cart-total .total-cart-box h4.cart-header{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 900;
    color: #fff;
    background: #692525;
    padding: 26px 23px 23px 30px;
}

.cart-section .cart-total .total-cart-box .content-box{
    position: relative;
    display: block;
    padding: 40px 30px 30px 30px;
}

.cart-section .cart-total .total-cart-box .content-box .sub-total{
    position: relative;
    display: block;
    font-size: 18px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #692525;
    font-weight: 700;
    padding-bottom: 23px;
    border-bottom: 1px dashed #e9e9e9;
}

.cart-section .cart-total .total-cart-box .content-box .sub-total span{
    float: right;
    color: #222222;
}

.cart-section .cart-total .total-cart-box .content-box .order-total{
    position: relative;
    display: block;
    font-size: 18px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #692525;
    font-weight: 700;
    padding-bottom: 36px;
    padding-top: 26px;
}

.cart-section .cart-total .total-cart-box .content-box .order-total span{
    float: right;
    color: #dbc195;
}

.cart-section .cart-total .total-cart-box .theme-btn{
    display: block;
    border-radius: 10px;
    overflow: hidden;
}



/***

====================================================================
                        Checkout-page
====================================================================

***/

.checkout-section{
    position: relative;
    display: block;
    padding: 150px 0px;
}

.checkout-section .customer,
.checkout-section .coupon{
    position: relative;
    display: block;
    font-size: 15px;
    color: #222;
    padding: 22px 15px 25px 30px;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 30px;
}

.checkout-section .customer:before,
.checkout-section .coupon:before{
    position: absolute;
    content: '';
    background: #dbc195;
    width: 3px;
    height: 100%;
    left: 0px;
    top: 0px;
}

.checkout-section .customer a,
.checkout-section .coupon a{
    font-size: 15px;
    color: #692525;
    font-weight: bold;
}

.checkout-section .customer a:hover,
.checkout-section .coupon a:hover{
    text-decoration: underline;
}

.checkout-section .sub-title{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 26px;
    color: #692525;
    font-weight: 700;
    background: #f4f4f2;
    padding: 25px 15px 23px 30px;
}

.checkout-section .billing-info{
    position: relative;
    display: block;
    border-radius: 10px;
    border: 1px solid #f4f4f2;
    margin-bottom: 30px;
}

.checkout-section .billing-form{
    position: relative;
    display: block;
    padding: 22px 30px 26px 30px;
}

.checkout-section .billing-form .form-group{
    position: relative;
    display: block;
    margin-bottom: 22px;
}

.checkout-section .billing-form .form-group:last-child{
    margin-bottom: 0px;
}

.checkout-section .billing-form .form-group label{
    position: relative;
    display: block;
    font-size: 15px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #692525;
    margin-bottom: 3px;
    font-weight: 700;
}

.checkout-section .billing-form .form-group input[type='text'],
.checkout-section .billing-form .form-group input[type='date'],
.checkout-section .billing-form .form-group input[type='email']{
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 10px 15px;
    transition: all 500ms ease;
}

.checkout-section .billing-form .form-group input.address{
    margin-bottom: 10px;
}

.checkout-section .billing-form .form-group input:focus{
    border-color: #dbc195;
}

.checkout-section .billing-form .select-box .ui-state-default{
    width: 100% !important;
}

.checkout-section .billing-form .select-box .ui-selectmenu-button span.ui-icon:before{
    color: #848484;
}

.checkout-section .billing-form .checkbox label{
    margin: 0px;
}

.checkout-section .billing-form .checkbox{
    position: relative;
    display: block;
    margin-top: 3px;
}

.checkout-section .billing-form .checkbox span {
    position: relative;
    font-size: 15px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #692525;
    font-weight: 400;
    cursor: pointer;
    margin-left: 4px;
    z-index: 1;
}

.checkout-section .billing-form .checkbox input {
    position: relative;
    top: 2px;
}

.checkout-section .additional-info{
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid #f4f4f2;
    border-radius: 10px;
}

.checkout-section .additional-info .note-book{
    position: relative;
    display: block;
    padding: 22px 30px 30px 30px;
}

.checkout-section .additional-info .note-book label{
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 26px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #692525;
    margin-bottom: 3px;
}

.checkout-section .additional-info .note-book textarea{
    position: relative;
    display: block;
    width: 100%;
    height: 120px;
    border: 1px solid #f4f4f2;
    color: #848484;
    font-size: 15px;
    border-radius: 10px;
    padding: 15px 20px;
    resize: none;
    transition: all 500ms ease;
}

.checkout-section .additional-info .note-book textarea:focus{
    border-color: #dbc195;
}

.checkout-section .order-info{
    position: relative;
    display: block;
    border: 1px solid #f4f4f2;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}

.checkout-section .order-info .order-product{
    position: relative;
    display: block;
    padding: 30px;
}

.checkout-section .order-info .order-product .image-box{
    position: absolute;
    left: 0px;
    top: 5px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    border: 1px solid #efcd73;
    border-radius: 10px;
    line-height: 0;
    background: #efcd73;
}

.checkout-section .order-info .order-product .single-item{
    position: relative;
    display: block;
    padding: 0px 0px 25px 0px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #e7e7e7;
}

.checkout-section .order-info .order-product .single-item h4{
    font-family: 'Open Sans', sans-serif!important;
}
.checkout-section .order-info .text h4{
    font-family: 'Open Sans', sans-serif!important;
}

.checkout-section .order-info .text{
    position: relative;
    display: block;
    display: flex;
}

.checkout-section .order-info .text h4{
    position: relative;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 26px;
    color: #692525;
    font-weight: 500;
}

.checkout-section .order-info .text span{
    position: relative;
    display: block;
    float: right;
    font-size: 16px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    line-height: 26px;
    color: #848484;
    font-weight: 700;
}

.checkout-section .order-info .text span.order-parice{
    color: #692525;
}

.checkout-section .order-info .amount-box .text{
    position: relative;
    display: block;
    margin-bottom: 12px;
}

.checkout-section .order-info .amount-box .text:last-child{
    margin-bottom: 0px;
    padding-bottom: 3px;
}

.checkout-section .payment-info{
    position: relative;
    display: block;
    background: #c07a79;
    padding: 36px 30px 36px 30px;
    border-radius: 10px;
    overflow: hidden;
}

.checkout-section .payment-info h4{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 29px;
}

.checkout-section .payment-info .payment-option {
    position: relative;
}

.checkout-section .payment-info .payment-option .checkbox label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 4px;
}

.checkout-section .payment-info .payment-option .checkbox span {
    position: relative;
    display: inline-block;
    font-size: 17px;
    color: #fff;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 700;
    margin-left: 11px;
    margin-bottom: 7px;
}

.checkout-section .payment-info .payment-option .checkbox a {
    color: #dbc195;
    font-size: 15px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 400;
    margin-left: 19px;
    text-decoration: underline;
}

.checkout-section .payment-info .payment-option .checkbox a:hover{
    color: #fff;
}

.checkout-section .payment-info .payment-option .text{
    position: relative;
    display: block;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    margin-left: 31px;
    font-size: 14px;
    line-height: 24px;
    background: #455885;
    color: #fff;
    padding: 14px 20px 20px 20px;
    border-radius: 10px;
    margin-bottom: 26px;
    z-index: 1;
}

.checkout-section .payment-info .payment-option .text:before{
    position: absolute;
    content: '';
    background: #455885;
    width: 28px;
    height: 28px;
    left: 25px;
    top: -3px;
    bottom: -8px;
    transform: rotate(-45deg);
    z-index: -1;
}

.checkout-section .payment-info .order-btn{
    position: relative;
    display: block;
    padding-top: 16px;
}

.checkout-section .payment-info .icon-box{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

.checkout-section .payment-info .icon-box .icon-1{
    position: absolute;
    top: 60px;
    right: 190px;
    background: url(../images/icons/parallax-icon-2.png);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
}

.checkout-section .payment-info .icon-box .icon-2{
    position: absolute;
    right: 50px;
    bottom: 60px;
    background: url(../images/icons/parallax-icon-1.png);
    width: 131px;
    height: 86px;
    background-repeat: no-repeat;
}


/***

====================================================================
                        Blog-page
====================================================================

***/

.blog-page-section{
    position: relative;
    display: block;
    padding: 150px 0px 120px 0px;
}

.blog-page-section .news-block-one{
    margin-bottom: 30px;
}

.blog-page-section .news-block-one .inner-box{
    overflow: hidden;
}

.blog-page-section .news-block-one .inner-box .lower-content .link-btn{
    position: relative;
    left: 0px;
    bottom: 0px;
    transition: all 500ms ease;

}

.blog-page-section .news-block-one .inner-box:hover .lower-content .link-btn{
    opacity: 0;
}

.blog-page-section .news-block-one .inner-box .lower-content h3 a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-page-section .news-block-one .inner-box .lower-content h2 a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-page-section .news-block-one .inner-box .lower-content .text{
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-page-section .news-block-one .more-btn{
    position: absolute;
    right: 40px;
    bottom: -60px;
    transition: all 900ms ease;
}

.blog-page-section .news-block-one .inner-box:hover .more-btn{
    bottom: 40px;
}

/** blog-details **/

.blog-details{
    position: relative;
    display: block;
    padding: 143px 0px 150px 0px;
}

.blog-details .blog-details-content{
    position: relative;
    display: block;
    margin-right: 20px;
}

.blog-details .blog-details-content .content-style-one .top-content h4{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #dbc195;
    font-weight: 900;
    margin-bottom: 10px;
}

.blog-details .blog-details-content .content-style-one .top-content h1{
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 50px;
    font-weight: 900;
    color: #692525;
    margin-bottom: 32px;
}

.blog-details .blog-details-content .content-style-one .top-content span{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #dbc195;
    font-weight: 900;
    margin-bottom: 10px;
}

.blog-details .blog-details-content .content-style-one .top-content h2{
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 40px;
    font-weight: 900;
    color: #692525;
    margin-bottom: 32px;
}


.blog-details .blog-details-content .content-style-one .top-content .bold-text{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #692525;
    margin-bottom: 30px;
}

.blog-details .blog-details-content .content-style-one .image-box{
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    float: left;
    width: 50%;
    margin: 0 30px 30px 0px;
}

.blog-details .blog-details-content .content-style-one .image-box img{
    width: 100%;
    border-radius: 10px;
}

.blog-details .blog-details-content .text p{
    margin-bottom: 26px;
}

.blog-details .blog-details-content .content-style-one .text p:last-child,
.blog-details .blog-details-content .content-style-two .text p:last-child{
    margin-bottom: 0px;
}

.blog-details .blog-details-content .content-style-one{
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.blog-details .blog-details-content .content-style-two h3{
    margin-bottom: 25px;
}

.blog-details .blog-details-content .content-style-two{
    position: relative;
    display: block;
    margin-bottom: 90px;
}

.blog-details .blog-details-content .post-share-option li.title{
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    line-height: 30px;
    font-weight: 700;
    color: #692525;
    margin-right: 2px;
}

.blog-details .blog-details-content .post-share-option .tags{
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.blog-details .blog-details-content .post-share-option li{
    position: relative;
    display: inline-block;
    font-size: 17px;
    color: #848484;
    font-weight: 700;
}

.blog-details .blog-details-content .post-share-option li a{
    position: relative;
    display: inline-block;
    font-size: 17px;
    color: #848484;
    font-weight: 700;
}

.blog-details .blog-details-content .post-share-option .share li a{
    font-size: 15px;
    color: #c2c2c2;
}

.blog-details .blog-details-content .post-share-option .share li{
    margin: 0px 14px;
}

.blog-details .blog-details-content .post-share-option .share li.title{
    margin: 0px;
}

.blog-details .blog-details-content .post-share-option li a:hover{
    color: #dbc195;
}

.blog-details .blog-details-content .post-share-option{
    position: relative;
    display: block;
    margin-bottom: 60px;
}

.blog-details .blog-details-content .comments-area .comment{
    position: relative;
    display: block;
    padding: 0px 0px 44px 110px;
    border-bottom: 1px dashed #d9d9d9;
    margin-bottom: 48px;
}

.blog-details .blog-details-content .comments-area .comment:last-child{
    margin-bottom: 0px;
    border-bottom: none;
}

.blog-details .blog-details-content .comments-area .comment.replay-comment{
    margin-left: 110px;
}

.blog-details .blog-details-content .comments-area .comment .author-thumb{
    position: absolute;
    left: 0px;
    top: 1px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
}

.blog-details .blog-details-content .comments-area .comment .author-thumb img{
    width: 100%;
    border-radius: 50%;
}

.blog-details .blog-details-content .comments-area .comment .comment-info h4{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #692525;
    margin-bottom: 0px;
}

.blog-details .blog-details-content .comments-area .comment .comment-info span{
    position: relative;
    display: block;
    font-size: 15px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-style: italic;
}

.blog-details .blog-details-content .comments-area .comment .comment-info{
    position: relative;
    display: block;
    margin-bottom: 18px;
}

.blog-details .blog-details-content .comments-area .comment .replay-btn{
    position: absolute;
    top: 11px;
    right: 0px;
}

.blog-details .blog-details-content .comments-area .comment .replay-btn a{
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-family: 'Open', sans-serif;
    color: #692525;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    text-align: center;
    padding: 3px 14.5px;
}

.blog-details .blog-details-content .comments-area .comment .replay-btn a:hover{
    color: #fff;
    border-color: #dbc195;
    background: #dbc195;
}

.blog-details .blog-details-content .comments-area{
    position: relative;
    display: block;
    margin-bottom: 63px;
}

.blog-details .blog-details-content .group-title{
    margin-bottom: 32px;
}

.blog-details .blog-details-content .comments-form-area .form-group{
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.blog-details .blog-details-content .comments-form-area .form-group:last-child{
    margin-bottom: 0px;
}

.blog-details .blog-details-content .comments-form-area .form-group input[type='text'],
.blog-details .blog-details-content .comments-form-area .form-group input[type='email'],
.blog-details .blog-details-content .comments-form-area .form-group textarea{
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    border: 1px solid #e5e5e5;
    padding: 10px 20px;
    border-radius: 10px;
    transition: all 500ms ease;
}

.blog-details .blog-details-content .comments-form-area .form-group input:focus,
.blog-details .blog-details-content .comments-form-area .form-group textarea:focus{
    border-color: #dbc195;
}

.blog-details .blog-details-content .comments-form-area .form-group textarea{
    height: 200px;
    resize: none;
}

.blog-details .sidebar .sidebar-widget{
    position: relative;
    display: block;
    background: #f2f0e9;
    border-radius: 10px;
    overflow: hidden;
    padding: 43px 40px 50px 40px;
    margin-bottom: 30px;
}

.blog-details .sidebar .sidebar-widget:last-child{
    margin-bottom: 0px;
}

.blog-details .sidebar .sidebar-search .form-group{
    position: relative;
    display: block;
    margin: 0px;
}

.blog-details .sidebar .sidebar-search .form-group input[type='search']{
    position: relative;
    display: block;
    width: 100%;
    height: 70px;
    border: 3px solid #fff;
    border-radius: 10px;
    font-size: 16px;
    background: #fff;
    padding: 10px 60px 10px 30px;
    transition: all 500ms ease;
}

.blog-details .sidebar .sidebar-search .form-group input:focus{
    border-color: #dbc195;
}

.blog-details .sidebar .sidebar-search .form-group input:focus + button,
.blog-details .sidebar .sidebar-search .form-group button:hover{
    color: #dbc195;
}

.blog-details .sidebar .sidebar-search .form-group button{
    position: absolute;
    top: 22px;
    right: 28px;
    background: transparent;
    font-size: 18px;
    color: #848484;
    cursor: pointer;
    transition: all 500ms ease;
}

.blog-details .sidebar .sidebar-title{
    font-weight: 900;
    margin-bottom: 24px;
}

.blog-details .sidebar .sidebar-categories .widget-content .text{
    position: relative;
    display: block;
    padding-bottom: 33px;
    border-bottom: 1px dashed #cecbc6;
    margin-bottom: 33px;
}

.blog-details .sidebar .sidebar-categories .widget-content ul li{
    position: relative;
    display: block;
    margin-bottom: 17px;
}

.blog-details .sidebar .sidebar-categories .widget-content ul li:last-child{
    margin-bottom: 0px;
}

.blog-details .sidebar .sidebar-categories .widget-content ul li a{
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 26px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #692525;
    font-weight: 700;
}

.blog-details .sidebar .sidebar-categories .widget-content ul li a:hover{
    color: #dbc195;
}

.blog-details .sidebar .sidebar-categories .sidebar-title{
    margin-bottom: 15px;
}

.blog-details .sidebar .sidebar-categories{
    padding-bottom: 45px;
}

.blog-details .sidebar .sidebar-post .post{
    position: relative;
    display: block;
    padding: 4px 0px 11px 110px;
    min-height: 90px;
    margin-bottom: 30px;
}

.blog-details .sidebar .sidebar-post .post:last-child{
    margin-bottom: 0px;
}

.blog-details .sidebar .sidebar-post .post .image{
    position: absolute;
    left: 0px;
    top: 2px;
    width: 90px;
    height: 90px;
    border-radius: 10px;
    overflow: hidden;
    background: #692525;
}

.blog-details .sidebar .sidebar-post .post .image img{
    width: 100%;
    border-radius: 10px;
    transition: all 500ms ease;
}

.blog-details .sidebar .sidebar-post .post:hover .image img{
    opacity: 0.5;
}

.blog-details .sidebar .sidebar-post .post .post-date{
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 26px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #dbc195;
    font-weight: 700;
    margin-bottom: 3px;
}

.blog-details .sidebar .sidebar-post .post h4{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #692525;
    font-weight: 700;
}

.blog-details .sidebar .sidebar-post .post h4 a{
    position: relative;
    display: inline-block;
    color: #692525;
}

.blog-details .sidebar .sidebar-post .post h4 a:hover{
    color: #dbc195;
}

.blog-details .sidebar .sidebar-post .sidebar-title{
    margin-bottom: 31px;
}

.blog-details .sidebar .sidebar-tags .widget-content{
    position: relative;
    display: block;
    margin: 0px -5px;
}

.blog-details .sidebar .sidebar-tags .tag-list li{
    position: relative;
    float: left;
    margin: 0px 5px;
    margin-bottom: 10px;
}

.blog-details .sidebar .sidebar-tags .tag-list li a{
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    color: #848484;
    background: #fff;
    padding: 12px 21px;
    border-radius: 10px;
    text-align: center;
}

.blog-details .sidebar .sidebar-tags .tag-list li a:hover{
    background: #dbc195;
    color: #fff;
}

.blog-details .sidebar .sidebar-tags .sidebar-title{
    margin-bottom: 33px;
}

.blog-details .sidebar .sidebar-tags{
    padding-bottom: 40px;
}



/***

====================================================================
                        Contact-page
====================================================================

***/

.contact-info-section{
    position: relative;
    display: block;
}

.contact-info-section .sec-title{
    position: relative;
    display: block;
    margin-bottom: 60px;
}

.contact-info-section .single-info-box .inner-box{
    position: relative;
    display: block;
    background: #fff;
    border-radius: 10px;
    padding: 89px 15px 76px 15px;
    box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);
    text-align: center!important;
}

.contact-info-section .single-info-box .inner-box .icon-box{
    position: relative;
    display: inline-block;
    font-size: 60px;
    line-height: 60px;
    color: #efcd73;
    font-weight: 400;
    margin-bottom: 33px;
    margin-right: unset;
    margin-left: 20px;
}

.contact-info-section .single-info-box:hover .inner-box .icon-box:before{
    transform: rotate(25deg);
}

.contact-info-section .info-column:nth-child(2) .single-info-box .inner-box .icon-box{
    color: #9fc9b1;
}

.contact-info-section .info-column:last-child .single-info-box .inner-box .icon-box{
    color: #d0bcbc;
}

.contact-info-section .single-info-box .inner-box .icon-box:before{
    position: absolute;
    content: '';
    background: url(../images/icons/icon-3.png);
    width: 65px;
    height: 70px;
    right: -20px;
    top: -10px;
    background-repeat: no-repeat;
    transition: all 500ms ease;
    display: none;
}

.contact-info-section .info-column:nth-child(2) .single-info-box .inner-box .icon-box:before{
    position: absolute;
    content: '';
    background: url(../images/icons/icon-2.png);
    width: 64px;
    height: 70px;
    right: -20px;
    top: -10px;
    background-repeat: no-repeat;
    transition: all 500ms ease;
}

.contact-info-section .info-column:last-child .single-info-box .inner-box .icon-box:before{
    position: absolute;
    content: '';
    background: url(../images/icons/icon-1.png);
    width: 56px;
    height: 71px;
    right: -20px;
    top: -10px;
    background-repeat: no-repeat;
    transition: all 500ms ease;
}

.contact-info-section .single-info-box .inner-box .text{
    position: relative;
    display: block;
    font-size: 17px;
    line-height: 26px;
    color: #848484;
    font-weight: 400;
}

.contact-info-section .single-info-box .inner-box .text a{
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 26px;
    color: #848484;
    font-weight: 400;
    direction: ltr;
}

.contact-info-section .single-info-box .inner-box .text a:hover{
    color: #dbc195;
}

.contact-info-section .single-info-box .inner-box h3{
    margin-bottom: 29px;
}

/** contact-form-section **/

.contact-form-section{
    position: relative;
    display: block;
    background: #f0ede7;
}

.contact-form-section .sec-title{
    position: relative;
    display: block;
    margin-bottom: 40px;
}

.contact-form-section .contact-form .form-group{
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.contact-form-section .contact-form .form-group:last-child{
    margin-bottom: 0px;
}

.contact-form-section .contact-form .form-group input[type='text'],
.contact-form-section .contact-form .form-group input[type='email'],
.contact-form-section .contact-form .form-group textarea{
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    background: #fff;
    border: 3px solid #fff;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 15px;
    color: #692525;
    transition: all 500ms ease;
}

.contact-form-section .contact-form .form-group textarea{
    height: 170px;
    resize: none;
    margin-bottom: 30px;
}

.contact-form-section .contact-form .form-group input:focus,
.contact-form-section .contact-form .form-group textarea:focus{
    border-color: #dbc195;
}

.contact-form-section .contact-form .form-group input::-webkit-input-placeholder,
.contact-form-section .contact-form .form-group textarea::-webkit-input-placeholder{
    color:#692525;
}

/** google-map-section **/

.google-map-section{
    position: relative;
    display: block;
    width: 100%;
}

.google-map-section #contact-google-map{
    position: relative;
    width: 100%;
    height: 100%;
}



.main-menu .bees {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    display: table-cell;
    transform: rotate(180deg);
}

.main-menu .bees:after {
    content: '';
    position: absolute;
    left: auto;
    bottom: 5px;
    width: 100vw;
    height: 54px;
    -webkit-transform: scale(.9999);
    -moz-transform: scale(.9999);
    -ms-transform: scale(.9999);
    transform: scale(.9999);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: rgb(239 205 115);
    border-radius: 50px 0 0 50px;
    border: 1px dashed rgb(255, 255, 255);
    border-right: 0;
    box-shadow: 0 0 0px 5px rgb(239 205 115);
    z-index: -1;
    right: calc(100% + 2px);
    border-width: 1px 0px 1px 0px;
}


.bees>span {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/bees.png) left center;
    animation: play .1s steps(3) infinite;
    -webkit-animation: play .1s steps(3) infinite;
    display: none;
}
.main-menu .bees>span {
    position: absolute;
    z-index: 1;
    top: calc(50% - 33px);
    left: -77px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, not all, not all{
    .bees>span {
        background: url(../images/bees@2x.png) left center;
        background-size: 120px;
    }
}

.bees>div {
    position: absolute;
    top: calc(50% - 11px);
    bottom: 0;
    right: -30px;
    width: 1px;
    transform: rotate(50deg) translate(4px, 0px);
    -webkit-transform: rotate(50deg) translate(4px, 0px);
    -moz-transform: rotate(50deg) translate(4px, 0px);
    -ms-transform: rotate(50deg) translate(4px, 0px);
    display: none;
    z-index: 1;
}
.bees>div:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e7f0ca;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}

.bees>div.line-one {
    transform: rotate(-50deg) translate(4px, 0px);
    -webkit-transform: rotate(-50deg) translate(4px, 0px);
    -moz-transform: rotate(-50deg) translate(4px, 0px);
    -ms-transform: rotate(-50deg) translate(4px, 0px);
    bottom: calc(50% - 11px);
    top: 0;
}
.bees.bees-start>div {
    transform: rotate(130deg) translate(4px, 0px);
    -webkit-transform: rotate(130deg) translate(4px, 0px);
    -moz-transform: rotate(130deg) translate(4px, 0px);
    -ms-transform: rotate(130deg) translate(4px, 0px);
    right: auto;
    left: -30px;
    display: none;
}
.bees.bees-start>div.line-one {
    transform: rotate(-130deg) translate(4px, 0px);
    -webkit-transform: rotate(-130deg) translate(4px, 0px);
    -moz-transform: rotate(-130deg) translate(4px, 0px);
    -ms-transform: rotate(-130deg) translate(4px, 0px);
    bottom: calc(50% - 11px);
    top: 0;
}

.main-menu .bees.bees-end {
    left: 0;
    right: auto;
}

.bees.bees-end>span {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.main-menu .bees.bees-end>span {
    left: auto;
    right: -77px;
}
.main-menu .bees.bees-end:after {
    left: calc(100% + 2px);
    right: auto;
    border-width: 32px 0px 32px 0px;
    border-radius: 0 0px 0px 0;
    border: 1px dashed rgb(255, 255, 255);
    border-left: 0;
    border-right: 0px dashed rgb(255, 255, 255);
    width: 100vw;
    z-index: -999;
}


@keyframes play {
    100% {
        background-position: -120px;
    }
}

@-webkit-keyframes play {
    100% {
        background-position: -120px;
    }
}
.main-header .logo-box .logo div.plate{
    position: relative;
    border-radius: 30px;
    /*box-shadow: inset 0 5px 3px 0 rgba(255, 255, 255, 0.5), inset 0 -5px 3px 0 rgba(0, 0, 0, 0.78), inset 3px 0 2px 0 rgba(0, 0, 0, 0.25), inset -3px 0 2px 0 rgba(0, 0, 0, 0.25), inset 0 5px 46px 0 rgba(0, 0, 0, 0.4), 0 5px 13px 0 rgba(0, 0, 0, 0.75);*/
    border-radius: 50%;
}

.plate:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 13px;
    right: 13px;
    bottom: 16px;
    left: 13px;
    border-radius: 10px;
    /*box-shadow: inset 0 0 4px 3px white, inset 0 8px 16px 4px rgba(0, 0, 0, 0.25);*/
    border-radius: 50%;
}

.main-header .logo-box .logo div.plate img{
    margin: 10px;
    box-shadow: 0 0 0 5px rgb(239 205 115);
    border-radius: 50%;
    border: 1px dashed #fff;
    padding: 5px;
    background: rgb(239 205 115);
}
.vid-btn{
    padding: 200px 0;
    display: table;
    text-align: center;
    width: 100%;
    font-size: 70px;
    color: #fff;
}
.image-box .video-inner{
    border-radius: 0px;
    /* border: 10px solid #dbc195; */
    box-shadow: 0 0px 0px 0px #000 inset, 0 0px 0px 0px #0003 inset, 0 0px 0px #000, 0 0px 0px 350px #0004 inset, 0 0px 0px 0px #000 inset;
    margin-bottom: 0px;
    background-size: 100%;
}
.arrow-left-down{
    background: url(../images/arrow.svg);
    position: absolute;
    width: 400px;
    height: 220px;
    background-repeat: no-repeat;
    left: 0%;
    top: 25%;
    opacity: 0.3;
}
.arrow-tst-left-down{
    background: url(../images/arrow-tst-left.svg);
    position: absolute;
    width: 400px;
    height: 220px;
    background-repeat: no-repeat;
    left: -15%;
    top: 25%;
    opacity: 0.3;
}
.arrow-down-lfttst{
    background: url(../images/arrow-down.svg);
    position: absolute;
    width: 100px;
    height: 150px;
    background-repeat: no-repeat;
    left: 4%;
    top: -88%;
    opacity: 0.3;
    transform: rotate(-45deg);
}
.arrow-down-rgttst{
    background: url(../images/arrow-down2.svg);
    position: absolute;
    width: 100px;
    height: 150px;
    background-repeat: no-repeat;
    right: 0%;
    top: -29%;
    opacity: 0.3;
    transform: rotate(45deg);
}
.arrow-down-lftblog{
    background: url(../images/arrow-down-blog1.svg);
    position: absolute;
    width: 100px;
    height: 290px;
    background-repeat: no-repeat;
    left: 0%;
    top: -215%;
    opacity: 1;
    transform: rotate(-45deg);
}
.arrow-down-rgtblog{
    background: url(../images/arrow-down-blog2.svg);
    position: absolute;
    width: 100px;
    height: 290px;
    background-repeat: no-repeat;
    right: 0%;
    top:-178%;
    opacity: 1;
    transform: rotate(45deg);
}
.arrow-right-up{
    background: url(../images/arrow2.svg);
    position: absolute;
    width: 400px;
    height: 220px;
    background-repeat: no-repeat;
    right: 0%;
    bottom: -95%;
    opacity: 0.3;
}
.br-dashed{
    border-right: 1px dashed #f3b06e;
}
.bt-dashesd{
    border-top: 1px dashed #f3b06e;
}
.meal-time{
    height: 100%;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;

}
.meal-select{
    position: relative;
    background-color: #efcd73;
    border-radius: 5px;
    width: 100%;
    margin: 0 auto;
    display: table;
}
.meal-select select{
    appearance: none;
    width: 70%;
    padding: 6px 0 5px 0;
    background-color: #efcd73!important;
}
.meal-select i{
    position: absolute;
    right: 15px;
    top: 11px;
    z-index: 999;
    color: #fff;
}
.meal-details{
    background-color: #efcd73;
    border-radius: 30px;
    width: 25px;
    display: flex;
    padding: 5px 10px;
    color: #fff;
    justify-content: center;
    float: right;
    position: absolute;
    top: 10px;
    right: 10px;
}
.process-arrow-prev{
    font-size: 50px;
    position: absolute;
    top: calc(50% - 25px);
    left: -50px;
}
.process-arrow-prev a{
    color: #dbc195;
}
.process-arrow-next{
    font-size: 50px;
    position: absolute;
    top: calc(50% - 25px);
    right: -50px;
}
.process-arrow-next a{
    color: #dbc195;
}
/*----------------------------------------------------
        1.1 Preloader Starts
-----------------------------------------------------*/
body .baby, body .baby * {
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

body .baby {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -20px;
}
body .baby .back {
    width: 75px;
    height: 20px;
    background: #e5b856;
    position: absolute;
    bottom: 5px;
    left: 35px;
    z-index: -1;
}
body .baby .back .tail {
    width: 5px;
    height: 5px;
    position: absolute;
    background: #e5b856;
    top: -22px;
    right: 13px;
    border-radius: 50%;
    transform: rotate(20deg);
}
body .baby .back .feet {
    background: #e5b856;
    width: 15px;
    height: 27px;
    position: absolute;
    right: -6px;
    border-radius: 50%;
}
body .baby .back .hand {
    background: #dcaf4f;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    width: 52px;
    height: 8px;
    top: 15px;
    z-index: 1;
}
body .baby .back .hand:after {
    content: " ";
    width: 16px;
    height: 13px;
    position: absolute;
    background: #dcaf4f;
    right: -7px;
    top: -2px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
body .baby .back .ass {
    position: absolute;
    width: 30px;
    height: 40px;
    background: #e5b856;
    left: 25px;
    border-radius: 50%;
    bottom: 0px;
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -webkit-transform: skew(-30deg);
    transform: skew(-30deg);
}
body .baby .back .ass:after {
    content: " ";
    position: absolute;
    width: 30px;
    height: 40px;
    background: #e5b856;
    right: -15px;
    border-radius: 50%;
    bottom: 0px;
    -moz-transform: skew(30deg);
    -ms-transform: skew(30deg);
    -webkit-transform: skew(30deg);
    transform: skew(30deg);
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
body .baby .head {
    width: 60px;
    height: 60px;
    background: #e5b856;
    -moz-border-radius: 50% 60% 50% 40%;
    -webkit-border-radius: 50%;
    border-radius: 50% 60% 50% 40%;
}
body .baby .head .eye {
    width: 10px;
    height: 2px;
    background: #000;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    position: absolute;
    top: 40px;
    left: 6px;
}
body .baby .head .cheek {
    width: 10px;
    height: 4px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #c39532;
    position: absolute;
    top: 44px;
    left: 13px;
}
body .baby .head .horn {
    width: 10px;
    height: 18px;
    background: #e5b856;
    position: absolute;
    top: -8px;
    left: 18px;
    -moz-border-radius: 130% 30% 0% 0%;
    -webkit-border-radius: 130%;
    border-radius: 130% 30% 0% 0%;
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
body .baby.down .back {
    width: 85px;
}
body .baby.down .back .tail {
    top: -10px;
    right: 26px;
}
body .baby.down .back .ass {
    height: 25px;
}
body .baby.down .back .ass:after {
    height: 28px;
    width: 36px;
}
body .baby.down .back .feet {
    height: 24px;
    top: -1px;
}
body .baby.down .back .hand {
    width: 45px;
}
body .baby.down .back .hand:after {
    height: 11px;
    top: -1px;
}
body .baby.down .head {
    -moz-border-radius: 70% 60% 60% 40%;
    -webkit-border-radius: 70%;
    border-radius: 70% 60% 60% 40%;
    margin-left: -5px;
}
body .baby.down .head .eye {
    left: 0;
}
body .baby.down .head .cheek {
    left: 8px;
}
body .baby.down .head .horn {
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}

#preloader {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
}
/*----------------------------------------------------
        1.1 Preloader Ends
-----------------------------------------------------*/

.text__center {
    text-align: center;
}
div.cs-select {
    position: relative;
    z-index: 100;
    display: inline-block;
    width: 100%;
    max-width: 500px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    vertical-align: middle;
    background: #fff;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
}

div.cs-select:focus {
    outline: none;
    /* For better accessibility add a style for this in your skin */
}

.cs-select select {
    display: none;
}

.cs-select span {
    position: relative;
    display: flex;
    overflow: hidden;
    padding: 6px 0 7px 0;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 5px;
    font-size: 14px;
}
/* Placeholder and selected option */

.cs-select > span {
    padding-right: 3em;
    padding-left: 2em;
}

.cs-select > span::after,
.cs-select .cs-selected span::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cs-select > span::after {
    right: 1em;
    content: "\25BE";
}

.cs-select .cs-selected span::after {
    margin-left: 1em;
    content: "\2713";
}

.cs-select.cs-active > span::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

div.cs-active {
    z-index: 200;
}
/* Options */

.cs-select .cs-options {
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    width: 100%;
    background: #fff;
}

.cs-select.cs-active .cs-options {
    visibility: visible;
}

.cs-select ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cs-select ul span {
    padding: 1em;
}

.cs-select ul li.cs-focus span {
    background-color: #ddd;
}
/* Optgroup and optgroup label */

.cs-select li.cs-optgroup ul {
    padding-left: 1em;
}

.cs-select li.cs-optgroup > span {
    cursor: default;
}

div.cs-skin-elastic {
    font-size: 1.5em;
    font-weight: 700;
    color: #5b8583;
    background: transparent;
}

@media screen and (max-width: 30em) {
    div.cs-skin-elastic {
        font-size: 1em;
    }
}

.cs-skin-elastic > span {
    z-index: 100;
    background-color: #a0cab2;
    color: #fff;
    min-width: 140px;
}

.cs-skin-elastic .cs-options {
    visibility: visible;
    overflow: visible;
    padding-bottom: 0;
    pointer-events: none;
    opacity: 1;
    background: transparent;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 5px;
}

.cs-skin-elastic.cs-active .cs-options {
    pointer-events: auto;
}

.cs-skin-elastic .cs-options > ul::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    background: #fff;
}

.cs-skin-elastic.cs-active .cs-options > ul::before {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-animation: expand 0.6s ease-out;
    animation: expand 0.6s ease-out;
}

.cs-skin-elastic .cs-options ul li {
    -webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
    transition: opacity 0.15s, transform 0.15s;
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
    opacity: 0;
}
.cs-skin-elastic .cs-options ul li{
    width: 100%;
    border: 5px solid #fff;
}
.cs-skin-elastic.cs-active .cs-options ul li {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: bounce 0.6s ease-out;
    animation: bounce 0.6s ease-out;
    opacity: 1;
    width: 100%;
}

.cs-skin-elastic .cs-options span {
    background-repeat: no-repeat;
    background-position: 1.5em 50%;
    background-size: 2em auto;
    justify-content: center;
}

.cs-skin-elastic .cs-options span:hover,
.cs-skin-elastic .cs-options li.cs-focus span,
.cs-skin-elastic .cs-options .cs-selected span {
    color: #000000;
}

.cs-skin-elastic .cs-options .cs-selected span::after {
    content: "";
}

@-webkit-keyframes expand {
    0% {
        -webkit-transform: scale3d(1, 0, 1);
    }
    25% {
        -webkit-transform: scale3d(1, 1.2, 1);
    }
    50% {
        -webkit-transform: scale3d(1, 0.85, 1);
    }
    75% {
        -webkit-transform: scale3d(1, 1.05, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
    }
}

@keyframes expand {
    0% {
        -webkit-transform: scale3d(1, 0, 1);
        transform: scale3d(1, 0, 1);
    }
    25% {
        -webkit-transform: scale3d(1, 1.2, 1);
        transform: scale3d(1, 1.2, 1);
    }
    50% {
        -webkit-transform: scale3d(1, 0.85, 1);
        transform: scale3d(1, 0.85, 1);
    }
    75% {
        -webkit-transform: scale3d(1, 1.05, 1);
        transform: scale3d(1, 1.05, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translate3d(0, -25px, 0);
        opacity: 0;
    }
    25% {
        -webkit-transform: translate3d(0, 10px, 0);
    }
    50% {
        -webkit-transform: translate3d(0, -6px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 2px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0);
        opacity: 0;
    }
    25% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    50% {
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 2px, 0);
        transform: translate3d(0, 2px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.cart-top{
    margin-right: 7px;
}

.cs-skin-elastic .cs-options ul li:nth-child(1){
    background: #dbd3ff;
    color: #313131;
    cursor: pointer;
    border-bottom: 0px solid #000;
}

.cs-skin-elastic .cs-options ul li:nth-child(2){
    background: #fea86d;
    color: #313131;
    cursor: pointer;

}
.main-slider .owl-item .content-box .theme-btn{
    background: #ffffff!important;
    color:#dbc195;
    border: 1px solid #dbc195;
}

.main-slider .owl-item .content-box{
    border-radius: 15% 15% 15% 15%/50% 50% 30% 30%;
    padding-left: 0px;
    direction:rtl;
}

.main-slider .owl-item:nth-child(3) .content-box{
    /*background: rgba(160, 202, 178, 0.7)!important;
	box-shadow: 0 0 0 50px rgba(160, 202, 178, 0.7);*/
}
.main-slider .owl-item:nth-child(4) .content-box{
    /*background: rgba(239, 205, 115, 0.7)!important;
	box-shadow: 0 0 0 50px rgba(239, 205, 115, 0.7);*/
}
.main-slider .owl-item:nth-child(5) .content-box{
    /*background: rgba(209, 189, 188, 0.7)!important;
	box-shadow: 0 0 0 50px rgba(209, 189, 188, 0.7);*/
}
.main-slider .owl-item:nth-child(2) .content-box{
    /*background: rgba(222, 214, 175, 0.7)!important;
	box-shadow: 0 0 0 50px rgba(222, 214, 175, 0.7);*/
}
.teachers-block-one .inner-box .plantype{
    display: none;
}
.plantype{
    color: #fff;
    padding: 10px 25px;
    position: absolute;
    z-index: 1;
    border-radius: 50px;
    margin-top: -50px;
    left: 15%;
    border: 0px dotted #fff;
    box-shadow: 0 0 0px 5px #692525;
    text-transform: uppercase;
    min-width: 70%;
    font-weight: bold;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
}
.pt1{
    border: 2px dashed #9fc9b1;
}

.pt2{
    border: 2px dashed #eecc72;
}

.pt3{
    border: 2px dashed #d0bcbc;
}

.pt4{
    border: 2px dashed #ddd5ae;
}

.pt5{
    border: 2px dashed #8ad251;
}

.pt6{
    border: 2px dashed #f7457a;
}
.summary-section{
    position: fixed;
    max-width: 250px;
    right: 0;
    z-index: 99;
    top: 20%;
}
.sum-image{
    position: absolute!important;
    left: -30px;
    background: #fff!important;
    padding: 10px;
    top: 0px;
    border-radius: 50%!important;
    box-shadow: 0 0 0px 5px #fff;
    border: 2px solid #000!important;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%);
}
.sum-image img{
    width: 40px!important;
}
.sm1{
    border-color: #ffc691!important;
}
.sm2{
    border-color: #fcf8f4!important;
}
.sm3{
    border-color: #c7eab0!important;
}
.sm4{
    border-color: #ffe5a0!important;
}
.selected-stage{
    background: #ffffff;
    border-radius: 15% 15% 15% 15%/50% 50% 30% 30%;
    padding: 20px 100px 50px 100px;
}

.arrow-down-rgtmps2 {
    background: url(../images/arrow-down-blog2.svg);
    position: absolute;
    width: 100px;
    height: 300px;
    background-repeat: no-repeat;
    right: 12%;
    top: -193px;
    opacity: 1;
    transform: rotate(45deg);
    z-index: 1;
}
.arrow-down-lftmps2 {
    background: url(../images/arrow-down-blog1.svg);
    position: absolute;
    width: 100px;
    height: 300px;
    background-repeat: no-repeat;
    left: 15%;
    top: -225px;
    opacity: 1;
    transform: rotate(-45deg);
    z-index: 1;
}

.arrow-left-down2 {
    background: url(../images/arrow.svg);
    position: absolute;
    width: 400px;
    height: 220px;
    background-repeat: no-repeat;
    left: -20%;
    top: -135%;
    opacity: 0.3;
    z-index: 1;
}
.arrow-left-down3 {
    background: url(../images/arrow.svg);
    position: absolute;
    width: 400px;
    height: 220px;
    background-repeat: no-repeat;
    left: -55%;
    top: -135%;
    opacity: 0.3;
    z-index: 1;
}

.arrow-down-rgtcal {
    background: url(../images/arrow-down2.svg);
    position: absolute;
    width: 100px;
    height: 170px;
    background-repeat: no-repeat;
    right: 10%;
    top: -90px;
    opacity: 0.3;
    transform: rotate(45deg);
}
.arrow-down-lftcal {
    background: url(../images/arrow-down.svg);
    position: absolute;
    width: 100px;
    height: 125px;
    background-repeat: no-repeat;
    left: 10%;
    top: -90px;
    opacity: 0.3;
    transform: rotate(-45deg);
}
.page-bottom-nav{
    border: 2px dashed #dbc195;
    padding: 20px;
    border-radius: 50px;
    color: #dbc195;
    display: table;
    text-align: center;
    width: 100%;
    font-weight: bold;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-size: 20px;
    text-transform: uppercase;
}
.page-bottom-nav.prev{
    padding-left: 70px;
}
.page-bottom-nav.next{
    padding-right: 70px;
    color: #692525;
}
.page-bottom-nav.prev i{
    position: absolute;
    left: 25px;
    top: 10px;
    border: 2px solid #dbc195;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fcf8f4;
}
.page-bottom-nav.next i{
    position: absolute;
    right: 25px;
    top: 10px;
    border: 2px solid #dbc195;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fcf8f4;
}


.arrow-down-rgtpt {
    background: url(../images/arrow-down-blog2.svg);
    position: absolute;
    width: 100px;
    height: 300px;
    background-repeat: no-repeat;
    right: 15%;
    top: -205px;
    opacity: 1;
    transform: rotate(45deg);
    z-index: 1;
}
.date-select{
    position: relative;
    background-color: #efcd73;
    border-radius: 30px;
    width: 50%;
    margin: 0 auto;
    display: table;
    float: left;
    padding: 15px 30px;
}
.time-select{
    position: relative;
    background-color: #efcd73;
    border-radius: 30px;
    width: 50%;
    margin: 0 auto;
    display: table;
    float: left;
    padding: 10px 30px;
}
.time-select select{
    width: 105%;
}

.time-select i {
    position: absolute;
    right: 25px;
    top: 21px;
    z-index: 999;
    color: #313131;
}
.popup-meal{
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-content: center;
    height: 100%;
    display: none;
}
.popup-meal::before{
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    z-index: 0
}
.popup-meal img{
    z-index: 99;
    position: relative;
    margin: 0 auto;
    display: table;
    width: 20px;
}
#food_texture_title{
    margin-left: 0.5rem !important;
}
.bg-fffde8{
    background: #fffde8;
}

.bg-fcf8f4{
    background: #fcf8f4;
}

.wwo-title h5{
    color: #rgb(239, 205, 115);
}
.wwo-title h5:after, .wwo-title h5:rgb(239, 205, 115) {
    background: #ffffff;
}
.wwo-div {
    text-align: right;
    padding: 100px 44% 100px 50px;
    height: 100%;
}
.wwo-div h1{
    font-weight: bold;
    color: #ffffff;
}

.wwo-div h2{
    font-weight: bold;
    color: #ffffff;
}
.wwo-div p{
    margin-bottom: 0px;
    max-width: 17rem;
    margin-top: 1rem;
    color: #692525;
}
.selectstage-btn{
    margin-top: 2rem;
    color: #692525;
    font-weight: 600;
        background: #eee;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    transition: all ease 0.5s;
    border: 1px solid #eee;
}

.selectstage-btn:hover{
    background:#dbc195;
    color: #fff;
}



.wwo-div.babyblends{
    background: rgb(209, 189, 188);
    /*background-image: url(../images/bbar.png)!important;*/
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
    border-radius: 10px;
    transform: scaleX(-1);
    text-align: right;
}
.wwo-div.babyblends>div{
    transform: scaleX(-1);
}

.wwo-div.toddlersmeals{
    background: rgb(160, 202, 178);
    /*background-image: url("../images/tmar.png")!important;*/
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
    border-radius: 10px;
    transform: scaleX(-1);
    text-align: right;
}
.wwo-div.toddlersmeals>div{
    transform: scaleX(-1);
}



.shop-details .product-info-tabs .tabs-content .text .meal-time h3{
    transform: rotate(-90deg);
}
.shop-details .product-info-tabs .tabs-content .text .meal-time h4{
    transform: rotate(-90deg);
    font-size: 12px;
}
ul.mealtype-time{
    display: flex;
    justify-content: center;
    position: absolute;
    width: 90%;
    left: 5%;
    background: #fff;
    bottom: -30px;
    border-radius: 10px;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 5%);
    padding: 15px 0 10px 0;
    font-size: 12px;
}
.mealtype-time li{
    float: left;
    margin-right: 20px;
}
.mealtype-time li label{
    display: flex;
    align-items: center;
}
.mealtype-time li label input{
    margin-right: 5px;
}
.mealtype-time li:last-child{
    margin-right: 0;
}
.color-692525{
    color: #692525;
}
.apply-cpn-btn:hover::before{
    border-radius: 10px;
}
.apply-cpn-btn:hover{
    color: #ffffff;
}
.child-menu .ui-state-default{
    width: 100% !important;
    height: 74px;
}
.child-menu .ui-selectmenu-button span.ui-selectmenu-text{
    padding: 28px 19px;
}
.child-menu .ui-selectmenu-button span.ui-icon{
    height: 70px;
}
.child-menu .ui-selectmenu-button span.ui-icon::before{
    top: 25px;
}
.syc-header{
    background: #f4f4f2;
    padding: 15px 0 0 0;
    border-radius: 10px;
    margin-bottom: 20px;
}
.dashboard-calendar .product-info-tabs .tabs-content .text h3{
    font-size: 18px;

}
.dc-p1 .product-info-tabs .tabs-content .text h3{
    font-size: 12px;
    padding: 0px;
}
.dashboard-calendar .product-info-tabs .tabs-content .text h4{
    font-weight: 600;
    line-height: 20px;
    position: absolute;
    top: 0px;
    font-size: 12px;
}
.dashboard-calendar .product-info-tabs .tabs-content .text .meal-select .theme-btn{
    font-size: 12px;
}

.dashboard-calendar .product-info-tabs .tabs-content .text .cb-top {
    position: relative;
}

.bg-d1bdbd{
    background: #d1bdbd;
}
.dashboard-calendar .tab{
    background: #d1bdbd;
    overflow: hidden;
    border: 1px dashed #f3b06e;
    border-radius: 10px;
    border-bottom: 2px dashed #f3b06e;
}
.dashboard-calendar .product-info-tabs .tabs-content .text{
    border-right: 1px dashed #fcf9f3;
    overflow:hidden;
}
.dashboard-calendar .product-info-tabs .tabs-content .text:last-child{
    border-right: 0px dashed #fcf9f3;
}
.dashboard-calendar .product-info-tabs .tabs-content .text .bt-dashesd{
    border-top: 1px dashed #d1bdbd;
    background: #fcf9f3;
    height: 100%;
}
.dashboard-calendar{
    border-radius: 10px;
    padding: 70px 20px;
}
.dashboard-calendar .product-info-tabs{
    margin-bottom: 10px;
}
.freez-section .date-select{
    border-radius: 10px;
    width: 100%;
}
.freez-section .date-select.end-date{
    float: left;
}
.profile-info{
    border-radius: 10px;
}
.profile-info .billing-info{
    border-radius: 10px;
}
.ps-checkbox{
    position: relative;
    border: 1px dashed #ddd;
    display: inline-grid;
    min-height: 150px;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    cursor: pointer;

}
.ps-checkbox i{
    font-size: 50px;
}
.ps-selected{
    background: #f2f3f5;
}
.ps-checkbox input{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}
.w-auto{
    width: auto!important;
}
.underline-input{
    border-radius: 0px!important;
    border: 0px!important;
    border-bottom: 1px solid #ddd!important;
    padding: 0px!important;
    height: 30px!important;
}
.add-child-select{
    min-width: 150px;
}
.add-child-select span{
    height: 30px!important;
}
.add-child-select .ui-selectmenu-button span.ui-selectmenu-text{
    padding: 0px;
}
.add-child-select .ui-selectmenu-button span.ui-icon::before {
    top: 2px;
    left: 5px;
}
.add-child-select .ui-state-default{
    border: 0px!important;
    border-bottom: 1px solid #ddd!important;
    border-radius: 0px;
}
.bg-fffde8{
    background: #fffde8;
}
.popupmeal-content{
    background: #fcf8f4;
    z-index: 1000;
    position: relative;
    border: 5px solid #dcc296;
    border-radius: 10px;
    padding: 0px;
    width: auto;
    top: 50%;
    transform: translateX(-50%) translatey(-50%);
    left: 50%;
    max-width: 55vw;
}

.popupmeal-content h4#meal_type{
    display: none;
}

.dashboard-btn button{
    width: 100%;
    text-align: center;
    display: table;
    padding: 20px 0;
    background: #dbc195;
    color: #ffffff;
    border-radius: 5px;
    font-weight: bold;
    border-color:transparent;
}
.dashboard-btn button:hover{
    background: #692525;
    color: #efcd73;
}
.dashboard-btn button.db-active{
    background: #692525;
    color: #efcd73;
}

.popupmealaddress-content{
    background: #fcf8f4;
    z-index: 1000;
    position: relative;
    border: 5px solid #dcc296;
    border-radius: 10px;
    padding: 0px;
    width: auto;
    top: 40%;
    transform: translateX(-50%) translatey(-45%);
    left: 50%;
    max-width: 650px;
}
.btn-danger {
    color: #fff;
    background-color: #c07a79;
    border-color: #c07a79;
}
.bg-f2f3f5{
    background: #f2f3f5;
}
.radius-10{
    border-radius: 10px;
}
.ing-title{
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
    background: #dcc296;
    padding: 10px;
    margin-bottom: 15px!important;
    display: table;
    position: relative;
    border-radius: 0;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 600;
    font-size: 18px;
    border-right: 2px solid #fcf8f4;
    border-left: 2px solid #fcf8f4;
    color: #fcf8f4;
}
.normal-font{
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 600;
    font-size: 16px;
}
.ben-title{
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
    background: #dcc296;
    padding: 10px;
    margin-bottom: 15px!important;
    display: table;
    position: relative;
    border-radius: 0;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 600;
    font-size: 18px;
    border-right: 2px solid #fcf8f4;
    border-left: 2px solid #fcf8f4;
    color: #fcf8f4;
}
.txt-title{
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
    background: #dcc296;
    padding: 10px;
    margin-bottom: 15px!important;
    display: table;
    position: relative;
    border-radius: 0;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 600;
    font-size: 18px;
    border-right: 1px solid #fcf8f4;
    color: #fcf8f4;
}
.popupmeal-content:after{
    content: "✕";
    width: 50px;
    height: 50px;
    display: flex;
    align-content: center;
    justify-content: center;
    position: absolute;
    top: -20px;
    left: -20px;
    font-size: 40px;
    background: #dcc296;
    color: #fff;
    padding: 8px;
    border-radius: 30px;
    line-height: 31px;
}
.select-child{
    border: 1px solid #ddd;
    padding: 10px;
    margin: 10px 0 0;
    border-radius: 10px;
}
.hiw-title .sec-title h1{
    padding-top: 0px;
    text-align: center;
}

.hiw-title .sec-title h2{
    padding-top: 0px;
    text-align: center;
}

.hiw-title .sec-title p{
    text-align: center;
    margin-top: 20px;
}
.bg-vidsection{
    background: #f0efe9;
    padding: 0px;
}
.wcbe-content{
    display: flex;
    justify-content: center;
    align-items: center;
}
.wcbe-content .content-box{
    width: 50%;
}
.wcbe-content .content-box .title-box{
    margin-bottom: 0;
}
.padding-sections{
    padding: 40px 0 40px 0
}
.process-logo img{
    background: #fffde8;
    border-radius: 50%;
    width: 100px;
    border: 1px solid #692525;
    box-shadow: 0 0 0 10px #fff;
    top: 10px;
}
.processflow {
    justify-content: center;
    align-items: center;
    height: 100%;
    direction: rtl;
}
.processflow div.step{
    margin: 0 40px;
}
.processflow div.step{
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
}
.processflow div.step div{
    color: #aaa;
}
.processflow div.step div.selected{
    font-weight: bold;
    color: #313131;
}

.step-icon{
    background-image: url(../images/process-icon/pi.svg);
    background-position: -1px 2px;
    background-repeat: no-repeat;
    text-align: center;
    background-size: 93%;
    color: #dbc195;
    font-weight: bold;
    float: left;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
}
.processflow div.step div:nth-child(2){
    margin-left: 10px;
}

.price-tag{
    display: none;
}
.dc-p1 h4{
    font-size: 12px!important;
}
.dc-p1{
    padding: 0;
}
.dcp1-container{
    padding: 70px 0%;
}
.ps1-bottom{
    display: none;
}
.ps1-bottom .p1-desc h1{
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 50px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 900;
    color: #692525;
}
.ps2-bottom{
    display: none;
}
.ps2-bottom .p1-desc h1{
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 50px;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    font-weight: 900;
    color: #692525;
}
.ps3-bottom{
    display: none;
}

.dc-p1 .meal-details{
    top: 0;
    right: 0;
    width: 15px;
    border-radius: 0 0 0 10px;
    cursor: pointer;
}
.dc-p1 .meal-details i{
    font-size: 10px;
}
.cyp-btn{
    margin: 0 auto;
    display: table;
}
.organicnon{
    width: 125px;
    background: #f2f3f5;
    padding: 15px;
    margin: 0 20px;
    text-align: center;
    border-radius: 10px;
    position: relative;
    transition: ease all 0.5s;
}
.organicnon:hover{
    background: #efcd73;
}
.organicnon-selected{
    background: #efcd73;
}
.organicnon:nth-child(2){
    /*margin-right: 0px!important;*/
}
.organicnon img{
    height: 50px;
    margin-bottom: 10px;
}
.organicnon p{
    color: #313131;
}
.farming-type{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.farming-type .sec-title{
    margin-bottom: 0px!important;
}
.organicnon span{
    position: absolute;
    top: 5px;
    right: 5px;
    background: #fff;
    width: 20px;
    height: 20px;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    font-size: 12px;
    line-height: 21px;
    display: none;
}
.farming-type h3{
    font-size: 26px;
    margin-bottom: 0px;
}
.ps2-hr{
    width: 65%;
    margin: 60px auto;
}
.nom h3{
    font-size: 26px;
}
.nom-box{
    margin-bottom: 0px!important;
    border: 0px solid #fff!important;
}
.nom-box span{
    position: absolute;
    top: 5px;
    right: 5px;
    background: #fff;
    width: 20px;
    height: 20px;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    font-size: 12px;
    line-height: 21px;
    display: none;
    text-align: center;
}
.nom-box:hover{
    background: #efcd73;
    border: 0px solid #efcd73!important;
    transition: ease all 0.3s;
}
.nombox-selected{
    background: #efcd73!important;
    border: 0px solid #efcd73!important;
}
.foodtiming{
    display: none;
    margin-top: 30px;
    margin-bottom: 0px!important;
}
.foodtiming div,.foodtiming label{
    margin-bottom: 0px!important;
}


.weekendstiming{
    display: block;
    margin-top: 30px;
    margin-bottom: 0px!important;
}
.weekendstiming div,.weekendstiming label{
    margin-bottom: 0px!important;
}


.plt h3{
    font-size: 26px;
}
.plt-box{
    margin-bottom: 0px!important;
}
.plt-box span{
    position: absolute;
    top: 5px;
    right: 5px;
    background: #fff;
    width: 20px;
    height: 20px;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    font-size: 12px;
    line-height: 21px;
    display: none;
    text-align: center;
}
.plt-box:hover{
    background: #efcd73;
    border: 0px solid #efcd73!important;
    transition: ease all 0.3s;
}
.pltbox-selected{
    background: #efcd73!important;
    border: 0px solid #efcd73!important;
}


.step2{
    display: none;
}
.step3{
    display: none;
}
.wsnw{
    white-space: nowrap;
}
.processfooter{
    position: fixed;
    bottom: 0px;
    width: 100%;
    display: none;

}
.processfooter .footer-bottom{
    padding: 30px;
}
.bodypb{
    padding-bottom: 150px;
}
.totalinfo h3,.totalinfo h2{
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
}
.co-btn:hover{
    color: #5a1717!important
}
.co-btn:hover:before{
    background: #f2f3f5!important;
}
.process-logo figure.logo a{
    width: 100px;
    height: auto;
    z-index: 999;
    position: absolute;
}
.cp-imgbr{
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 15vw;
}
.cp-imgbl{
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 15vw;
}
.duedate{
    display: none;
}
.ddthankyou{
    display: none;
}
.thnkmsg{
    display: none;
}
.dashboard-btn a{
    width: 100%;
    text-align: center;
    display: table;
    padding: 20px 0;
    background: #dbc195;
    color: #ffffff!important;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}
.dashboard-btn a:hover{
    background: #692525;
    color: #efcd73!important;
}
.dashboard-btn a.db-active{
    background: #692525;
    color: #efcd73!important;
}
.py-5px{
    padding: 5px 0;
}

.custom-table{
    border-collapse: collapse;
}
.custom-table thead th{
    background: #eee;
}
.custom-table tbody td{
    border-top: 1px solid #eee;
}
.custom-table thead th, .custom-table tbody td{
    padding: 5px;
}

/* reponsive table css at  768px*/

@media (max-width: 768px){
    .respon-tbl-768 thead{
        display: none;
    }
    .respon-tbl-768 tbody td:before{
        display: block;
        position: absolute;
        right: 25px!important;
        content: attr(head-title);
        color: #999;
        width: 45%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

    }
    .respon-tbl-768 tbody td{
        display: block;

        padding-left: unset!important;
        padding-right: 45%;
    }

    .respon-tbl-768 tbody tr{
        border-top: 1px solid #ddd;
    }
    .respon-tbl-768 tbody tr td:last-child{
        padding-bottom: 20px;
    }

    .respon-tbl-768 tbody tr td:first-child{
        padding-top: 20px;
        padding-right: 45%;
        padding-left: unset;
    }

    .respon-tbl-768 tbody tr td{
        padding-right: 45%;
    }

}
.min-w-200{
    min-width: 200px;
}
.children-profilebox{
    border-radius: 5px;
    overflow: hidden;
}
.addnewchild-btn{
    position: relative;
    display: table;
    overflow: hidden;
}
.addnewchild-btn:hover::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    z-index: 9;
    border-radius: 5px;
}
.addnewchild-btn::after{
    content: "+";
    position: absolute;
    left: 50%;
    top: 35%;
    z-index: 9;
    font-weight: bold;
    font-size: 50px;
    color: #fff;
    /* width: 100%; */
    /* height: 100%; */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    transform: translateY(-35%) translatex(-50%);
}

.db-icon{
    width: 100%;
    display: table;
    text-align: center;
}
.db-icon img{
    height: 60px;

    margin-bottom: 10px;
}


/* Form Module */
.form-module {
    position: absolute;
    background: #ffffff;
    max-width: 320px;
    border: 5px solid #ddd;
    box-shadow: 0 0 3px rgb(0 0 0 / 10%);
    margin: 0 auto;
    z-index: 9999;
    width: 320px;
    top: 37px;
    border-radius: 10px;
    left: 0;
}
.form-module .toggle {
    cursor: pointer;
    position: relative;
    top: 0;
    right: 0;
    width: 30px;
    height: auto;
    margin: 0px 0 0;
    color: #ffffff;
    font-size: 12px;
    line-height: 5px;
    text-align: center;
}

.form-module .form {
    display: none;
    padding: 40px 40px 10px 40px;
}
.form-module .form:nth-child(2) {
    display: block;
}
.form-module h2 {
    margin: 0 0 20px;
    color: #692525;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
}

.form-module span {
    margin: 0 0 20px;
    color: #692525;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
}
.form-module input {
    outline: none;
    display: block;
    width: 100%;
    border: 1px solid #d9d9d9;
    margin: 0 0 20px;
    padding: 10px 15px;
    box-sizing: border-box;
    font-wieght: 400;
    transition: 0.3s ease;
    border-radius: 5px;
    text-align: right;
}
.form-module input:focus {
    border: 1px solid #33b5e5;
    color: #333333;
}
.form-module button {
    cursor: pointer;
    width: 100%;
    border: 0;
    padding: 10px 15px;
    color: #ffffff;
    transition: 0.3s ease;
    background: #dbc195;
    border-radius: 5px;
}
.form-module button:hover {
    background: #692525;
}
.form-module .cta {
    background: #fff;
    width: 100%;
    padding: 20px 0px 11px 0px;
    box-sizing: border-box;
    color: #666666;
    font-size: 12px;
    text-align: center;
}
.form-module .cta a {
    color: #333333!important;
    text-decoration: none;
}
.login-module{
    display: none;
}
.close-login{
    position: absolute;
    left: -5px;
    padding: 25px;
    background: #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 10px 0;
    top: -5px;
    color: #fff!important;

}
.close-login i{
    left: auto!important;
    top: auto!important;
    color: #fff!important;
    font-size: 24px!important;
}
.backtologin{
    display: none;
}
.fancybox-inner{
    position: absolute!important;
}
.ui-menu{
    padding:0!important;
}
.ui-selectmenu-button:after{
    display:none!important;
}
.checkout-section .form-group input{
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    padding: 10px 15px;
    transition: all 500ms ease;
}

.ui-selectmenu-button:not(.ui-button-icon-only){
    padding: 0.1375rem 0.875rem!important;
}
.addres-popup{
    background: #f0ede7!important;
}
.addres-popup input{
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    background: #fff;
    border: 3px solid #fff;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 15px;
    color: #692525;
    transition: all 500ms ease;
}
.newchild-popup input{
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    background: #fff;
    border: 3px solid #fff;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 15px;
    color: #692525;
    transition: all 500ms ease;
}

.newchild-popup label{
    margin:0px;
    font-weight: 700;
}
.address-country span.ui-selectmenu-button{
    width: 100%!important;
    border-radius: 10px;
}

.newchild-popup input[type=checkbox]{
    display: inline;
    width: auto;
    height: auto;
    margin: 0px;
    margin-right:15px;
}

.address-country span.ui-selectmenu-button{
    width: 100%!important;
    border-radius: 10px;
}

section{
    direction: rtl;
}
.bg-vidsection{
    text-align:right;
}
.main-slider{
    direction: ltr;
}
.testimonial-style-two{
    direction: ltr;
    text-align: right;
}
.testimonial-block-two{
    direction: rtl;
}

.selectstage-btn i{
    transform: rotate(180deg);
    margin-right: 20px;
}
footer{
    direction: rtl;
    text-align: right;
}
.history-section{
    text-align: right;
}
.history-title{
    text-align:right;
}
.vision-title{
    text-align:right;
}

.vision-section{
    text-align: right!important;
}
.vision-section p{
    text-align: right!important;
}


@media (min-width: 929px){
    .history-alignment{
        margin-right:16.666667%;
    }
    .vision-alignment{
        margin-right:8.333333%;
    }
    .offset-lg-2{
        margin-right:16.666667%;
    }
}

.meal-counter span {cursor:pointer; }
.meal-counter .number{
    margin: 0px;
    display: flex;
    padding: 5px;
    justify-content: center;
    align-items: center;
}
.meal-counter .minus, .plus{
    width: 18%;
    height: 25px;
    background: #f2f2f2;
    border-radius: 4px;
    padding: 11px 5px 12px 5px;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
}
.meal-counter input{
    height: 25px;
    width: 50%;
    text-align: center;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}
.meal-delete{
    background: #fd7482;
    margin: 5px;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
}
.new_address_form{
    display: none;
}
.meal-counter span {cursor:pointer; }
.meal-counter .number{
    margin: 0px;
    display: flex;
    padding: 5px;
    justify-content: center;
    align-items: center;
}
.meal-counter .minus, .plus{
    width: 18%;
    height: 25px;
    background: #f2f2f2;
    border-radius: 4px;
    padding: 11px 5px 12px 5px;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
}
.meal-counter input{
    height: 25px;
    width: 50%;
    text-align: center;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}
.meal-delete{
    background: #fd7482;
    margin: 5px;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
}
.new_address_form{
    display: none;
}

.popupmealaddress-content{
    position: relative;
}
.popupmealaddress-content div.popupbody{
    overflow:auto;
    max-height:65vh;
    position:relative;

}
.close-popup{
    position: fixed!important;
    top: 0;
    left: 0;
    background: #dbc195;
    padding: 20px 25px;
    font-size: 20px;
    color: #fff;
    border-radius: 0 0 0 10px;
    z-index: 9;
}
.deliveries-title{
    position: fixed;
    background: #f0ede7;
    z-index: 99;
}
.newchild-title{
    position: fixed;
    background: #f0ede7;
    z-index: 1;
    border-bottom:1px solid #fff;
}
.deliveries-thead{

    position: fixed;
    top: 85px;
    background: #f0ede7;
    z-index:9;

}
.deliveries-thead th{
    background: #f0ede7!important;
}
.deliveries-tbody{

    position: relative;
    display: table;
    width: 100%;
    top: 90px;
}
.popup-bgcolor{
    background:#f0ede7!important;
}
.allergies-boxes{
    background: #fff;
    margin: 0px 0px 0px -15px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items:center;
    padding: 5px 10px;
    border-radius: 10px;
}
.bg_white{
    background: #ffffff;
}
.allergy-inputs{
    border-radius: 10px;
    padding: 10px;
}
.newchild-popup{
    transform: translateX(-50%) translatey(-58%)!important;
}
.newchild-popup .popupbody{
    max-height: fit-content!important;
}

.addnew-box{
    height: 100%;
}
.meal-addnew{
    height: 65px;
    width: 65px;
    background: rgba(0,0,0,0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 50%;
}

.newmeal-popup{
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-content: center;
    height: 100%;
    display: none;
}
.newmeal-popup::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    z-index: 0
}
.newmeal-popup img{
    z-index: 99;
    position: relative;
    margin: 0 auto;
    display: table;
    width: 50px;
}
.newmeal-popupclose{
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    z-index: 999;
    cursor: pointer;
}


select.form-control:not([size]):not([multiple]){
    height: calc(2.25rem + 14px);
    border-radius:10px;
    border:0px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #692525 50%), linear-gradient(135deg, #692525 50%, transparent 50%), linear-gradient(to right, white, white);
    background-position: 15px calc(1em + 3px), 20px calc(1em + 3px), 100% 0!important;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    background-color: #fff;
}

div.step1 select{
    border-bottom: 1px solid #ddd !important;
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: linear-gradient(45deg, transparent 50%, #692525 50%), linear-gradient(135deg, #692525 50%, transparent 50%), linear-gradient(to right, white, white);
    background-position: calc(10px) calc(1em + 2px), calc(15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    margin-top: -10px;
    padding-bottom: 10px;
    background-color: #fff;
}
div.step2 select{
    border-bottom: 1px solid #ddd !important;
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: linear-gradient(45deg, transparent 50%, #692525 50%), linear-gradient(135deg, #692525 50%, transparent 50%), linear-gradient(to right, #f2f3f5, #f2f3f5)!important;
    background-position: calc(14px) calc(1em + 2px), calc(19px) calc(1em + 2px), 0% 0!important;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    margin-top: -10px;
    padding-bottom: 10px;
}
.popupmealaddress-content{
    position: relative;
    direction: rtl;
}
.popupmealaddress-content div.popupbody{
    overflow:auto;
    max-height:80vh;
    position:relative;
    overflow-x: hidden;
}
.close-popup{
    position: fixed!important;
    top: 0;
    left: 0;
    background: #dbc195;
    padding: 10px 15px;
    font-size: 20px;
    color: #fff;
    border-radius: 0 0 10px 0!important ;
    z-index: 9;
}
.deliveries-title{
    position: fixed;
    background: #f0ede7;
    z-index: 99;
}
.newchild-title{
    position: fixed;
    background: #f0ede7;
    z-index: 1;
    border-bottom:1px solid #fff;
}
.deliveries-thead{

    position: fixed;
    top: 85px;
    background: #f0ede7;
    z-index:9;

}
.deliveries-thead th{
    background: #f0ede7!important;
}
.deliveries-tbody{

    position: relative;
    display: table;
    width: 100%;
    top: 90px;
}
.popup-bgcolor{
    background:#f0ede7!important;
}
.allergies-boxes{
    background: #fff;
    margin: 0px 0px 0px -15px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items:center;
    padding: 5px 10px;
    border-radius: 10px;
}
.bg_white{
    background: #ffffff;
}
.allergy-inputs{
    border-radius: 10px;
    padding: 10px;
}
.newchild-popup{
    transform: translateX(-50%) translatey(-40%)!important;
}
.newchild-popup .popupbody{
    max-height: fit-content!important;
}


.childedit-popup{
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-content: center;
    height: 100%;
    display: none;
}
.childedit-popup::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    z-index: 0
}
.childedit-popup img{
    z-index: 99;
    position: relative;
    margin: 0 auto;
    display: table;
    width: 50px;
}
.childedit-popupclose{
    position: fixed!important;
    top: 0;
    right: unset;
    background: #dbc195;
    padding: 20px 25px;
    font-size: 20px;
    color: #fff;
    border-radius: 0 0 0 10px;
    z-index: 9;
}
.home-popup{
    position:fixed;
    background:rgba(0,0,0,0.4);
    top:0px;
    left:0px;
    width:100%;
    height: 100%;
    z-index: 999;
    display:none;
}

.home-popup img {
    position: absolute;
    width: 50%;
    left: 25%;
    top: 50%;
    border-radius: 10px;
    transform: translateY(-50%);
}

.disabledplan{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    pointer-events: none;
}

.sociallogin{
    padding: 0 40px 20px 40px;
    text-align: center;
}
.sociallogin .sociallogin-icons{
    display: flex!important;
    justify-content: center;
    align-items: center;
}

.sociallogin .sociallogin-icons a{
    display: flex!important;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
}

.sociallogin .sociallogin-icons a i{
    position: relative!important;
    font-size: 30px!important;
}

.sociallogin .sociallogin-icons a i.fa-facebook{
    color: #3b5998!important;
}

.sociallogin .sociallogin-icons a i.fa-google{
    color: #4285F4!important;
}

#payment-existing select{
    border: 1px solid #ced4da;
    height: calc(2.25rem + 4px);
    background-position: 15px calc(1em + 2px), 20px calc(1em + 2px), 100% 0!important;
    border-radius: 5px;
}
.c-delivery-date select{
    border: 1px solid #ced4da!important;
    height: calc(2.25rem + 4px)!important;
    background-position: 15px calc(1em + 2px), 20px calc(1em + 2px), 100% 0!important;
    border-radius: 5px!important;
    width: 100%;
    padding: 0 10px;
}

.checkoutselect select{
    border: 1px solid #ced4da!important;
    height: calc(2.25rem + 4px)!important;
    background-position: 15px calc(1em + 2px), 20px calc(1em + 2px), 100% 0!important;
    border-radius: 5px!important;
    width: 100%;
    padding: 0 10px;
    background: #ffffff;
}

.popupmeal-content h1{
    font-family: 'Open Sans', sans-serif;
    width: 94%;
}

.social-style-two li {
    position: relative;
    display: inline-block;
    margin-right: 0px;
}

.social-style-two li a {
    position: relative;
    display: flex;
    font-size: 18px;
    width: 35px;
    height: 35px;
    line-height: normal;
    text-align: center;
    color: #fff;
    background: #3b5998;
    border-radius: 50%;
    border: 0px solid #fff;
    align-items: center;
    justify-content: center;
}



.social-style-two li:nth-child(2) a{
    background: #7232bd;
}

.social-style-two li:nth-child(3) a{
    background: #25D366;
}

.social-style-two li a:hover{
    background: #dbc195 !important;
    color: #692525;
}

.popupbody h1{
    /* font-family: 'Open Sans', sans-serif; */
    line-height: 0;
    padding: 15px 0 35px 0;
}
.popupbody h2{
    /* font-family: 'Open Sans', sans-serif; */
    font-size: 16px;
}

.cyp-btn-lvl2{
    float: right;
}
.deliveries-title-popup{
    position: fixed;
    right: 0px;
}
.deliveries-title-popup h1{
    font-size: 20px;
}
.deliveries-title-popup h1 span{
    font-size: 20px;
    font-weight: bold;
}
.deliveries-table{
    margin-top: 50px;
    float: right;
}
.deliveries-table thead{

}
.deliveries-table tbody{
    margin-top: 50px;

    width: 100%;
}
.deliveries-table thead th{
    background: transparent!important;
    min-width: 70px;
}
.overflow-x-hidden{
    overflow-x: hidden!Important;
}
.pf-info{
    margin-right: 5px;
    line-height: normal;
}
.cb-box{
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}



/* Updated By MMM */

.meal-time{
    height: 100%!important;
}

.db-mealrow{
    border: 1px dashed #f2f3f5;
}

.dayofmeal-negative{
    background: #d1bdbd;
    position: absolute;
}

.mealtime-box {
    background: #d1bdbd;
}

.mealdisclaimer{
    background: #f3eee9;
    padding: 20px;
    border-radius: 10px;
}
.shop-details .product-info-tabs .tab-btns{
    padding-bottom: 0px;
}


.dashboard-calendar .tab{
    background: transparent;
    border: 0px dashed #f3b06e;
}

.dashboard-calendar .product-info-tabs .tabs-content .text .bt-dashesd{
    background: transparent;
}

.dashboard-calendar .product-info-tabs .tabs-content .text .bt-dashesd img{

    border-radius: 10px;
    border: 1px solid #ddd;
}

.dashboard-calendar .product-info-tabs .tabs-content .text h4{
    margin-top: 20px;
    margin-bottom: 15px!important;
}

.dashboard-calendar .product-info-tabs .tabs-content .text h4 {
    margin-top: 20px;
    margin-bottom: 15px!important;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0px;
    font-size: 13px;
}

.dashboard-calendar .product-info-tabs .tabs-content .text span{
    font-size: 12px;
    font-weight: bold;
    background: #f2f3f5;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 10px!important;
    position: relative;
    display: block;
}

.notactive{
    pointer-events: none;
}

.meal-delete{
    width: 100%;
}

.dashboard-calendar .product-info-tabs .tabs-content .text .bt-dashesd{
    height: auto;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-flow: column;
    min-height: 240px;
    border-top: 0px;
}

.tabs-box .tab {
    transform: scale(1,1) translateY(0px);
}
.normalfont{
    font-family: 'Open Sans', sans-serif!important;
}

.dayofmeal{
    font-family: 'Open Sans', sans-serif!important;
}

.meal-row .dayofmeal{
    display:none;
}

.justify-content-space-between{
    justify-content:space-between;
}

.breakfast-row .dayofmeal{
    display:block;
}

.ingredients_area li img{
    display: none;
}

.ingredients_area{
    display: table;
        margin-right: 0px!important;
}

.ingredients_area li{
    float: right;
    width: auto;
    padding: 0px;
        display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
}
.ingredients_area li div{
    float: left;
}
.ingredients_area li:first-child{
    padding-left: 0px;
}
.ingredients_area li:after{
    content: "\2022";
    position: relative;
    float: left;
    margin: -2px 5px 0 5px;
}
.ingredients_area li:first-child:after{
    display: none;
}


#ps16 .teachers-block-one .inner-box .lower-content:before{
    background: url(../images/icons/teacher-icon-2.png)!important;
}

#ps14 .teachers-block-one .inner-box .lower-content:before{
    background: url(../images/icons/teacher-icon-4.png)!important;
}

#ps13 .teachers-block-one .inner-box .lower-content:before{
    background: url(../images/icons/teacher-icon-3.png)!important;
}

#ps12 .teachers-block-one .inner-box .lower-content:before{
    background: url(../images/icons/teacher-icon-2.png)!important;
}

#ps11 .teachers-block-one .inner-box .lower-content:before{
    background: url(../images/icons/teacher-icon-1.png)!important;
}

#ps16 .teachers-block-one .inner-box .lower-content:before, #ps14 .teachers-block-one .inner-box .lower-content:before, #ps13 .teachers-block-one .inner-box .lower-content:before, #ps12 .teachers-block-one .inner-box .lower-content:before, #ps11 .teachers-block-one .inner-box .lower-content:before{
    background-size: contain!Important;
    background-repeat: no-repeat!important;
    background-position: 0px !important;
}

.language-area ul li:nth-child(2){
    display:none;
}


.main-menu .navbar-collapse > .navigation > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a
{
    text-align: right!important;

    direction: rtl;
    display: table;
    text-align: right!important;
    width: 100%;
    unicode-bidi: embed"

}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
    left: 5px!important;
    right: unset!important;
}

.popupmeal-content .col-md-8{
    direction: rtl;
}


.hide-ondesktop{
    display: none !important;
}
.mobile-logo{
    display: none;
}

.cta-startplan{
    transform:scale(2);
}
.register-block{
    padding: 0 10%!important;
}
.databox{
    position: relative;display: block;padding: 22px 30px 26px 30px;
}
.process-form{
    justify-content: center;
}
.process-form > div{
    display: flex;
    justify-content: center;
    align-items: center;
}
.process-nav-btns{
    justify-content: space-between;
    width: 100%;
    margin: 0px;
}
input[type="radio"], input[type="checkbox"]{
    margin-right:0px!important;
    margin-left:5px!important;

}
.processfooter .footer-bottom .left-content .copyright{
    text-align: right!important;
}

.checkbox .fa-credit-card, .checkbox .fa-coins{
    margin-left: 0.5rem !important;
    margin-right: unset !important;
}
@media (max-width: 1023px){
    .register-block .sec-title h3{
        padding-bottom: 15px!important;
    }
    .processflow {
        width: calc(100% - 165px)!important;
        float: left!important;
    }

    .process-logo figure.logo a{
        right: 0;
        top: 2px;
        width: 80px;
    }


    .dashboard-calendar .product-info-tabs .tabs-content .text:nth-child(even){
        border-right: 0px solid #f2f3f5;
        border-left: 1px solid #f2f3f5;
        border-bottom: 0px solid #f2f3f5;
    }
    .dashboard-calendar .product-info-tabs .tabs-content .text:nth-child(odd){
        border-left: 0px solid #f2f3f5;
        border-right: 1px solid #f2f3f5;
        border-bottom: 0px solid #f2f3f5;
    }

    .payment-details-popup-inner .col-md-12, .payment-details-popup-inner .col-md-6{
        direction: rtl;
    }
    .payment-details-popup-inner .col-md-12 label, .payment-details-popup-inner .col-md-6 label{
        margin-right: unset !important;
        margin-left: 10px !important;
    }
    .contact-info-section .single-info-box .inner-box{
        text-align: right!important;
    }

}

.service-column span{
    position: relative!important;
    font-family: 'HelveticaNeueLT Arabic 55 Roman'!important;
    line-height: 26px!important;
    color: #615e5d!important;
    margin-bottom: 0px!important;
    font-style: normal!important;
    transition: all 500ms ease!important;
    font-size: 16px!important;
    text-align: center!important;
}
.service-column p{
    text-align: center!important;
}
.sc-box div{
    text-align: center!important;
}

.vision-alignment p.lead, .history-alignment p.lead{
    font-size: 16px!important;
    font-weight: normal!important;
}
.selectedstage-desc .plan-desc p{
    position: relative!important;
    font-family: 'HelveticaNeueLT Arabic 55 Roman'!important;
    line-height: 26px!important;
    color: #615e5d!important;
    margin-bottom: 0px!important;
    font-style: normal!important;
    transition: all 500ms ease!important;
    font-size: 16px!important;
}

.selectedstage-desc .plan-desc p span{
    position: relative!important;
    font-family: 'HelveticaNeueLT Arabic 55 Roman'!important;
    line-height: 26px!important;
    color: #615e5d!important;
    margin-bottom: 0px!important;
    font-style: normal!important;
    transition: all 500ms ease!important;
    font-size: 16px!important;
}
.selectedstage-desc h1{
    text-align: right;
}
.normalfont {
    font-family: 'HelveticaNeueLT Arabic 55 Roman'!important;
}


@media (max-width: 1023px){
    .process-form p {
        text-align: right!important;
        margin-bottom: 10px;
    }
    .processflow div.step div:nth-child(2) {
        margin-left: 0px;
    }
    .blog-details .blog-details-content .content-style-one .top-content h1 {
        font-size: 18px!important;
        line-height: 28px!important;
        font-family: 'HelveticaNeueLT Arabic 55 Roman'!important;
    }
    .checkout-section .payment-info .icon-box .icon-2{
        left: 50px;
        right: unset;
    }
    .main-footer .footer-bottom .right-content .footer-social{
        left: 10px;
    }
    .faq-area{
        right: 10px;
    }
}

@media (min-width:1441px) {

    .wwo-div {
        text-align: right;
        padding: 100px 50% 100px 50px;
        height: 100%;
    }
}

.flex-flow-column{
    flex-flow: column;
}

.custom-table tbody tr td[head-title="Action"] a.btn-light{
    background-color: #692525!important;
    border: 1px solid #692525;
    border-radius: 5px;
    color:#fff;
}
.custom-table tbody tr td[head-title="Action"] a.btn-light:hover{
    background-color: transparent!important;
    color:#692525;
}
.custom-table tbody tr td[head-title="Actions"] a.btn-light{
    background-color: #692525!important;
    border: 1px solid #692525;
    border-radius: 5px;
    color:#fff;
}
.custom-table tbody tr td[head-title="Actions"] a.btn-light:hover{
    background-color: transparent!important;
    color:#692525;
}
.deliveries-table{
    width: 100%;
}
.deliveries-table tr td{
    padding-left: 14px;
    padding-right: 14px;
}
.deliveries-table th{
    text-align: center;
}

.order-details-popup-inner .orderdetails-block div{
    width: 100%;
}

.order-details-popup-inner .orderdetails-block {
    border: 1px solid #f2f3f5;
    border-top: 0px solid;
    padding: 0px!important;
}

.order-details-popup-inner .orderdetails-block:last-child p{
    font-weight: 700;
    font-size: 20px;
}

.order-details-popup-inner .orderdetails-block div label{
    background: #eee;
    width: 100%;
    padding: 10px 15px;
    margin: 0px;
}
.order-details-popup-inner .orderdetails-block div p{
    padding: 15px;
}


.db-stage-card{
    border-radius: 3px;
    overflow: hidden;
}

.db-stagetitle{
    padding: 6px;
}

.child-information{
    /*flex-flow: column;*/
    height:100%;
    padding-left: 5px;
}

.child-information .ch-info{
    display: flex;
    border-bottom: 0px solid #eee;
    padding: 0px 0px 0px 0px;
    align-items: center;
    flex-flow: column;
    height: 100%;
    text-align: center;
    background: #f3f3f3;
    border-radius: 3px;
    overflow: hidden;
    margin-right: 5px;
}
.child-information .ch-info span{
    width: 100%;
    background: #d1bdbd;
    padding: 6px 10px;
    height: 38px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;

}
.child-information .ch-info p{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.hide-element{
    display:none!important;
}

.db-all-child .db-child-singlecard{
    margin-bottom: 15px;
}

.giftcard-value {

    border: 0px solid #fff;
    width: auto;
    height: auto;
    display: flex !important;
    margin: 0 auto 40px auto;
    justify-content: flex-start;
    align-items: center;
    border-radius: 50%;
    font-size: 16px !important;
    flex-flow: row;
    line-height: normal!important;
    font-weight: 400;
    /*-webkit-box-shadow: 0 0 0 4px #A4C7B3;
            box-shadow: 0 0 0 4px #A4C7B3;
            background: #A4C7B3;*/


}

.static-giftcard-title{
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 22px;
}
.dynamic-giftcard-title{
    transform-origin: top left;
    left: 0;
    top: 0;
    transform: rotate(90deg) translateY(-100%);
    position: absolute;
    padding: 15px;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 1px;
    font-size: 20px;
}


.dynamic-giftcard-value span{
    margin-right: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.giftcard-value span{
    text-align: center;
}
.giftcard-value{
    margin:0 auto 25px auto!important;
}
.mobile-logo {
    display: none;
}
.giftcards-row h5{
    text-align: center;
}
.gift-note{
    text-align: center;
}

.contactareabox{
    height: 100%;
}
.contactareabox .inner-box{
    height: 100%;
}

.plan-desc .p1-desc p br{
    display: none;
}
.p1-desc h1{
    margin-bottom: 0px!important;
}

@media (max-width: 1023px){
    .main-header.style-two .outer-content{
        justify-content: flex-start!important;
    }
    .language-area{
        order: 4!important;
        float: left;
    }
    .cartbox {
        order: 5!important;
        left: 65px;
    }
    .language-area ul li a{
        padding: 0 20px!important;
    }
    .language-area ul li a::before{
        content: "";
        width: 15px;
        height: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 0px;
        font-size: 18px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjAgMzAiIGhlaWdodD0iNjAwIj4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJ0Ij4NCjxwYXRoIGQ9Im0zMCwxNWgzMHYxNXp2MTVoLTMwemgtMzB2LTE1enYtMTVoMzB6Ii8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPHBhdGggZmlsbD0iIzAwMjQ3ZCIgZD0ibTAsMHYzMGg2MHYtMzB6Ii8+DQo8cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNiIgZD0ibTAsMGw2MCwzMG0wLTMwbC02MCwzMCIvPg0KPHBhdGggc3Ryb2tlPSIjY2YxNDJiIiBzdHJva2Utd2lkdGg9IjQiIGQ9Im0wLDBsNjAsMzBtMC0zMGwtNjAsMzAiIGNsaXAtcGF0aD0idXJsKCN0KSIvPg0KPHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEwIiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjxwYXRoIHN0cm9rZT0iI2NmMTQyYiIgc3Ryb2tlLXdpZHRoPSI2IiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjwvc3ZnPg0K);
        background-position: -7.5px 0px;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 2px;
    }
    .main-header .outer-content li a:hover, .main-header .outer-content li.header-flyout-searchbar i:hover {
        background: transparent;
    }
    .main-menu .navbar-header .navbar-toggle{
        right: 0px;
    }
    .main-header.style-two .outer-content .login-box{
        /*top: -55px!important;
        align-items: flex-end!important;
            left: 62px!important;
        width: 80px!important;*/
        padding: 0px 0px 0px 0px;
        position: unset;
    }
    .main-header.style-two .outer-content .login-box i{
        top: 2px!Important;
        margin-left: 5px;
    }
    .main-header.style-two .outer-content .reg-box{
        /*top: -54px!important;
    align-items: flex-end!important;
    left: 0px!important;
    width: 70px!important;*/
        margin-right: 0px;
    }
    .main-header.style-two .outer-content .reg-box i{
        display: none;
    }
    .main-menu .navbar-header .navbar-toggle{
        align-items:flex-end;
        right: 15px;
    }
    .main-menu .navbar-header .navbar-toggle::after{
        content:"القائمة";
        font-size: 16px;
        position: absolute;
        right: 100%;
    }
    .header-info ul.info-list {
        justify-content: flex-end!important;
    }

    .login-reg{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: absolute;
        top: -39px;
        left: 0px;
        width: 50%;
        height: auto;
        flex-flow: row-reverse;
    }

    .loggedin .login-box.hideonmobile{
        display: block!Important;
    }
    .loggedin .login-box.hideonmobile{
        padding: 0px 0px 0px 25px!important;
    }
    .loggedin div.login-box.hideondesktop{
        display: none!important;
    }


}
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .allmeals-title, .allmeals-desc{text-align: right;}
}


.mealplans-cards{
        justify-content: center;
    }

    .mealplans-cards .mealplan-card{
        border: 1px solid;
        padding: 0 15px 15px 15px;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 15px;
    }
    
    .mealplans-cards .mealplan-card .btn-meals-plan{
        background: #692525;
        border: 1px solid #692525;
        color: #fff;
            padding-bottom: 12px;
    }

    .mealplans-cards .mealplan-card .btn-meals-plan:hover{
        background: transparent;
        color: #692525;
    }

    .mealplans-cards .col-lg-3:nth-child(1) .mealplan-card{
        border-color: rgba(160,202,178,0.5);
        background: rgba(160,202,178,1);
    }

    .mealplans-cards .col-lg-3:nth-child(2) .mealplan-card{
        border-color: rgba(240,204,116,0.5);
        background: rgba(240,204,116,1);
    }

    .mealplans-cards .col-lg-3:nth-child(3) .mealplan-card{
        border-color: rgba(216,188,188,0.5);
        background: rgba(216,188,188,1);
    }

    .mealplans-cards .col-lg-3:nth-child(4) .mealplan-card{
        border-color: rgba(224,212,172,0.5);
        background: rgba(224,212,172,1);
    }

    .mealplan-card .mealplan-card-top .mealplan-card-top-title{
        display: flex;
        justify-content: space-between;
        padding: 10px 0px;
        border-radius: 4px;
        margin-bottom: 5px;
    }

    .mealplan-card .mealplan-card-top .mealplan-card-top-img{
        border-radius: 4px;
        overflow: hidden;
        margin-bottom:5px;
        border: 0px solid #fff;
        box-shadow: 0 0 30px 1px rgb(0 0 0 / 20%);
    }

    .mealplans-cards .col-lg-3:nth-child(1) .mealplan-card .mealplan-card-top .mealplan-card-top-title{
        background: rgba(160,202,178,1);
    }

    .mealplans-cards .col-lg-3:nth-child(2) .mealplan-card .mealplan-card-top .mealplan-card-top-title{
        background: rgba(240,204,116,1);
    }

    .mealplans-cards .col-lg-3:nth-child(3) .mealplan-card .mealplan-card-top .mealplan-card-top-title{
        background: rgba(216,188,188,1);
    }

    .mealplans-cards .col-lg-3:nth-child(4) .mealplan-card .mealplan-card-top .mealplan-card-top-title{
        background: rgba(224,212,172,1);
    }

    .mealplan-card .mealplan-card-top .mealplan-card-top-title h3{
        
        font-size: 18px;
        text-transform: Uppercase;
        margin-bottom: 0px;
        color: #fff;
    }

    .mealplan-card .mealplan-card-amount{
        text-align: center;
        padding: 5px;
        background: #f7f7f7;
        border-radius: 4px;
    }

    .mealplan-card .mealplan-card-prices-week{
    /* background: #f7f7f7; */
    margin: 10px 0 0 0;
    border-radius: 0px;
    overflow: hidden;
    }

    .mealplan-card .mealplan-card-prices-week div{
           display: flex;
        justify-content: space-between;
        padding: 0px 5px;
    }

    .mealplan-card .mealplan-card-prices-week div:nth-child(1) p{
        color: #fff;
        font-size: 16px;
            font-weight: 400;
    text-transform: uppercase;
    }

    .mealplan-card .mealplan-card-prices-week div p{
        padding: 0px;
        font-size: 14px;
            font-weight: 600;
    }

    .mealplan-card .mealplan-card-prices-month{
    /* background: #f7f7f7; */
    margin: 10px 0 0 0;
    border-radius: 0px;
    overflow: hidden;
    border-top: 1px solid rgba(0,0,0,0.15);
    padding-top: 10px;
    }

    .mealplan-card .mealplan-card-prices-month div{
        display: flex;
        justify-content: space-between;
        padding: 0px 5px;
    }

    .mealplan-card .mealplan-card-prices-month div:nth-child(1) p{
        color: #fff;
        font-size: 16px;
            font-weight: 400;
    text-transform: uppercase;
    }

    .mealplan-card .mealplan-card-prices-month div p{
        padding: 0px;
        font-size: 14px;
            font-weight: 600;
    }

@media only screen and (max-width:823px) and (orientation:landscape) {
    body {
        background: #fcf8f4
    }
    #turn {
        display: flex!important;
        font-size: 30px;
        color: #fcf8f4;
        width: 100vw;
        justify-content: center;
        align-self: center;
        align-items: center;
        height: 100vh;
        background: #692525;
        position: fixed;
        z-index: 999999;
        top: 0;
        left: 0
    }
    #fullpage {
        display: none
    }
    #sheader {
        display: none
    }
}

#turn p {
    color: #fcf8f4;
    font-weight: 400;
    letter-spacing: 1px
}

@media only screen and (orientation:portrait) {
    #turn {
        display: none;
        position: absolute;
        top: 0
    }
    #sheader {
        display: block
    }
    #fullpage {
        display: block
    }
}

#turn {
    display: none
}


@media (max-width: 767px) {
    
    .main-slider h1{
        font-size: 26px!important;
        line-height: 30px!important;
    }

    .pb-sm-50{
        padding-bottom: 50px;
    }

    .db-sm-btn{
        position: absolute;
        bottom: -40px;
        width: 200%;
        right: -100%;
        left: unset!important;
        text-align: center;
    }

}


@media only screen and (min-width: 992px){
 .dashboard-calendar .product-info-tabs .tabs-content .text{
     max-width: 14%;
 }
}

.popupmeal-content::after {
    z-index: 99;
    font-size: 24px;
}