:root {
    --themeColor: #b29700;
}

/*===floating button====*/
a.floating-button_phone {
    bottom: 190px;
    background-color: rgba(220, 16, 16, 1)
}

a.floating-button {
    position: fixed;
    width: 35px;
    height: 35px;
    line-height: 35px;
    bottom: 130px;
    right: 30px;
    font-size: 16px;
    background-color: rgba(37, 211, 102, 1);
    color: #fff;
    border-radius: 50px;
    text-align: center;
    z-index: 1000;
    animation: pulsess 3s infinite;
    display: flex;
    justify-content: center;
    align-content: center
}

a.floating-button svg {
    width: 16px
}

a.floating-button_phone {
    bottom: 190px;
    background-color: rgba(220, 16, 16, 1)
}

a.floating-button_mail {
    bottom: 70px;
    background-color: rgba(0, 114, 198, 1)
}

@keyframes pulsess {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .3)
    }

    30% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1)
    }

    50% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
    }

    80% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
    }
}

@media only screen and (max-width: 767px) {
    .bg.mobilev .col-md-4 {
        width: 50%;
        margin-bottom: 30px
    }

    #side-contact a.floating-button {
        position: initial;
        display: block;
        margin: 0 15px;
        width: 35px;
        height: 35px;
        line-height: 1;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 20px
    }

    #side-contact {
        padding: 15px;
        background: #fff;
        display: flex;
        flex-direction: row;
        justify-content: center;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }
}

/*====setting====*/
a {
    text-decoration: none
}

h1 {
    font-size: 50px
}

h2 {
    font-size: 45px
}

h3 {
    font-size: 40px
}

h4 {
    font-size: 35px
}

h5 {
    font-size: 25px
}

h6 {
    font-size: 18px
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 30px
    }

    h2 {
        font-size: 25px
    }

    h3 {
        font-size: 25px
    }

    h4 {
        font-size: 22px
    }

    h5 {
        font-size: 20px
    }

    h6 {
        font-size: 16px
    }
}

p {
    font-size: 16px;
    line-height: 1.3
}

/*Font Family*/
@font-face {
    font-family: 'avenir';
    src: url('../fonts/AVENIR-BLACK.TTF') format('truetype');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'avenir';
    src: url('../fonts/AVENIR-ROMAN.TTF') format('truetype');
    font-weight: 300;
    font-style: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: avenir;
    font-weight: 900
}

p {
    font-family: avenir;
    font-weight: 300
}

a,
span {
    font-family: avenir
}

/*====1reuse=====*/
@media only screen and (min-width: 768px) {
    .mobilev {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .desktopv {
        display: none
    }
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: black !important
}

.grow-effect:hover img {
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    transform: scale(1.15)
}

.grow-effect figure {
    overflow: hidden
}

.pd-left {
    padding-right: 30px
}

.pd-right {
    padding-left: 30px
}

.txt-white {
    color: white
}

.width-mg {
    width: 100%;
    margin: auto
}

.txt-center {
    text-align: center
}

.green {
    color: #295e40
}

.red {
    color: #ed1c24
}

.gold {
    color: var(--themeColor);
}

.bg-gold {
    background-color: var(--themeColor);
}

a.readmore-btn {
    color: #295e40;
    font-weight: 700
}

h1>span,
h2>span,
h3>span,
h4>span,
h5>span,
h6>span {
    color: var(--themeColor)
}

.width-80 {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .width-80 {
        width: 100%
    }
}

/*===1margintop====*/
.mg-t100 {
    margin-top: 100px !important
}

.mg-t50 {
    margin-top: 50px !important
}

.mg-t30 {
    margin-top: 30px !important
}

.mg-t20 {
    margin-top: 20px !important
}

/*==1marginbottom====*/
.mg-b100 {
    margin-bottom: 100px !important
}

.mg-b50 {
    margin-bottom: 50px !important
}

.mg-b30 {
    margin-bottom: 30px !important
}

.mg-b20 {
    margin-bottom: 20px !important
}

@media only screen and (max-width: 767px) {
    .mg-b100 {
        margin-bottom: 30px !important
    }

    .mg-b50 {
        margin-bottom: 25px !important
    }

    .mg-b30 {
        margin-bottom: 20px !important
    }

    .mg-t100 {
        margin-top: 30px !important
    }

    .mg-t50 {
        margin-top: 25px !important
    }

    .mg-t30 {
        margin-top: 20px !important
    }
}

h1.big-txt-left {
    position: absolute;
    transform: rotate(90deg);
    color: #f1f2f291;
    margin-bottom: 0;
    font-size: 150px;
    left: 0;
    margin-left: -175px;
    margin-top: 130px
}

h1.big-txt-right {
    position: absolute;
    transform: rotate(-90deg);
    color: #f1f2f291;
    margin-bottom: 0;
    font-size: 150px;
    right: 0;
    margin-right: -175px;
    margin-top: 130px
}

/*==currentpage==*/
.home-page ul.navbar-nav>li:nth-child(1)>a {
    color: var(--themeColor) !important
}

.home-page ul.navbar-nav>li:nth-child(1)>a:before {
    content: '';
    height: 1px;
    width: 30px;
    background: var(--themeColor);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
}

.about ul.navbar-nav>li:nth-child(2)>a {
    color: var(--themeColor) !important
}

.about ul.navbar-nav>li:nth-child(2)>a:before {
    content: '';
    height: 1px;
    width: 30px;
    background: var(--themeColor);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
}

.course ul.navbar-nav>li:nth-child(3)>a {
    color: var(--themeColor) !important
}

.contact-us-page .nav-policy>a:nth-child(1) {
    color: var(--themeColor) !important
}

.event ul.navbar-nav>li:nth-child(6)>a:before {
    content: '';
    height: 1px;
    width: 30px;
    background: var(--themeColor);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
}

.event ul.navbar-nav>li:nth-child(6)>a {
    color: var(--themeColor) !important
}

.course ul.navbar-nav>li:nth-child(3)>a:before {
    content: '';
    height: 1px;
    width: 30px;
    background: var(--themeColor);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
}

.about.founder ul.navbar-nav>li:nth-child(2)>ul>li:nth-child(2)>a {
    color: var(--themeColor) !important
}

.about.management-teams ul.navbar-nav>li:nth-child(2)>ul>li:nth-child(3)>a {
    color: var(--themeColor) !important
}

.about.award ul.navbar-nav>li:nth-child(2)>ul>li:nth-child(4)>a {
    color: var(--themeColor) !important
}

/*=====side enquiry=======*/
/*.trainer-enquiry {*/
/*    position: fixed;*/
/*    right: 0px;*/
/*    top: 100px;*/
/*    -webkit-transition: all 0.25s ease-in-out;*/
/*    -moz-transition: all 0.25s ease-in-out;*/
/*    -o-transition: all 0.25s ease-in-out;*/
/*    transition: all 0.25s ease-in-out;*/
/*}*/

.trainer-enquiry textarea::-webkit-input-placeholder,
.trainer-enquiry input::-webkit-input-placeholder,
.trainer-enquiry input::-webkit-input-placeholder {
    color: white !important
}

.enquiry-upload .txt-white {
    color: white !important
}

.trainer-enquiry {
    position: fixed;
    right: -432px;
    top: 100px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.trainer-enquiry:hover {
    right: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.trainer-enquiry input,
.trainer-enquiry textarea {
    background: transparent;
    border: 1px solid #ffffff8c;
    width: 100%;
    margin-bottom: 15px;
    color: white;
    padding: 5px 15px
}

.enquiry-name>input {
    width: 48%
}

.enquiry-name {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.enquiry {
    padding: 30px;
    background: #295e40;
    width: 430px;
    height: 380px
}

.enquiry-row {
    display: flex;
    align-items: baseline;
    height: 100px
}

.enquiry-upload input[type="file"] {
    display: none
}

.enquiry-upload span.btn.btn-primary,
.enquiry-upload label {
    width: 100%
}

.enquiry-upload label {
    margin-bottom: 15px
}

.enquiry-intro>textarea {
    height: 70px
}

.rotate-row {
    transform: rotate(270deg) translate(-40px, 70px);
    line-height: 1;
    background: #295e40
}

.rotate-row>h4 {
    font-size: 20px;
    margin-bottom: 0;
    padding: 10px 15px
}

/*===1header===*/
ul.navbar-nav a:hover,
.nav-policy a:hover {
    color: var(--themeColor) !important
}

ul.nav-inner>li {
    padding-bottom: 5px
}

.carousel-item>img {
    object-fit: cover
}

.popup.training-enquiry>a:hover {
    color: white
}

.enquiry-m input[type="submit"],
.enquiry input[type="submit"] {
    background: var(--themeColor);
    color: white;
    border: 0;
    width: 50%;
    margin-bottom: 0
}

.enquiry,
.enquiry-m {
    text-align: center
}

.enquiry-m textarea::-webkit-input-placeholder,
.enquiry-m input::-webkit-input-placeholder,
.enquiry-m input::-webkit-input-placeholder {
    color: white !important
}

.modal-backdrop.fade.show {
    z-index: 99
}

.enquiry-m .enquiry-name {
    display: block
}

.enquiry-m input,
.enquiry-m textarea {
    width: 100%;
    background: transparent;
    color: white;
    border: 1px solid white;
    margin-bottom: 15px;
    padding: 10px 15px;
    border-radius: 0
}

.modal-content {
    background: #295e40
}

.train-eq {
    position: fixed;
    right: -65px;
    transform: rotate(-90deg);
    top: 280px;
    background: #295e40;
    padding: 5px 20px;
    line-height: 1.3
}

.train-eq a {
    font-size: 16px;
    font-weight: 700
}

article {
    overflow: hidden;
    position: relative
}

@media only screen and (min-width: 768px) {
    ul.navbar-nav {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 40px
    }

    .ul.navbar-nav>li:nth-child(1) {
        grid-area: 1 / 1 / 2 / 2
    }

    .ul.navbar-nav>li:nth-child(2) {
        grid-area: 1 / 2 / 2 / 3
    }

    .ul.navbar-nav>li:nth-child(3) {
        grid-area: 1 / 3 / 2 / 4
    }

    .ul.navbar-nav>li:nth-child(4) {
        grid-area: 2 / 1 / 3 / 2
    }

    .ul.navbar-nav>li:nth-child(5) {
        grid-area: 2 / 2 / 3 / 3
    }

    .ul.navbar-nav>li:nth-child(6) {
        grid-area: 2 / 3 / 3 / 4
    }
}

li.nav-item {
    text-align: center
}

li.nav-item>a {
    font-size: 35px;
    color: white !important
}

ul.nav-inner {
    padding-left: 0;
    padding-top: 15px
}

.nav-policy {
    margin: 20px 0
}

.nav-icon {
    margin-bottom: 10px
}

.nav-icon,
.nav-policy {
    text-align: center
}

.nav-icon svg {
    width: 25px;
    height: 25px
}

img.logo-img {
    width: 80%
}

button.navbar-toggler {
    background: #295e40
}

.nav-icon>a {
    margin: 0 10px
}

ul.nav-inner>li>a {
    color: white
}

.nav-policy>a {
    color: white;
    margin: 0 30px
}

ul.navbar-nav>li>a {
    position: relative;
    line-height: 1
}

.lang>a {
    padding: 0 10px
}

.lang>a:not(:last-child) {
    border-right: 1px solid black
}

.home .lang>a:not(:last-child) {
    border-right: 1px solid white
}

.home div.lang-cart a {
    color: white
}

div.lang-cart a {
    color: black
}

div.lang-cart svg {
    height: 22px;
    width: 22px
}

div.lang-cart {
    display: flex;
    position: absolute;
    z-index: 999;
    right: 100px;
    top: 35px;
    transform: translateY(-50%)
}

.container-fluid {
    padding: 0
}

a.navbar-brand {
    margin-left: 50px;
    z-index: 99
}

nav.navbar.navbar-dark {
    padding-bottom: 0;
    padding-top: 0
}

.navbar-collapse {
    background-image: url(../images/nav-bg.png);
    position: absolute;
    width: 100%;
    top: 0;
    padding-top: 80px
}

button.navbar-toggler {
    z-index: 99
}

.nav-menu {
    position: fixed;
    top: 0;
    z-index: 999;
    right: 0;
    width: 100%
}

button.navbar-toggler {
    padding: 0;
    border: 0;
    border-radius: 0
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0rem
}

nav.navbar .container {
    padding: 15px 20px
}

.bar1,
.bar3 {
    width: 20px;
    height: 2px;
    background-color: #fff;
    margin: 6px 0;
    transition: .4s
}

nav.navbar.navbar-dark {
    background: #fff;
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0.2) -15%, rgba(255, 255, 255, 0.7) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.2) -15%, rgba(255, 255, 255, 0.7) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) -15%, rgba(255, 255, 255, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1)
}

.home nav.navbar.navbar-dark {
    background: #000;
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.2) 35%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.2) 35%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 35%, rgba(0, 0, 0, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1)
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(0px, 6px);
    transform: rotate(-45deg) translate(0px, 6px)
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(0px, -8px);
    transform: rotate(45deg) translate(0px, -6px)
}

.lang-cart>div {
    margin-right: 30px
}

.acc-cart>a {
    padding: 0 8px
}

nav.navbar.navbar-dark.bg-dark {
    padding: 0 !important
}

.lang {
    display: flex
}

/*======1home=======*/
.big-brand img,
.featured img {
    padding: 20px;
    width: 20%;
    height: 100px;
    object-fit: contain
}

.number-count .content-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.quotationmark {
    width: 55px;
    height: 56px;
    position: absolute;
    left: 50%;
    background-image: url(../images/quotationmark.png);
    transform: translate(-50%, -50%);
    background-size: contain;
    z-index: 9;
    background-repeat: no-repeat;
    margin-top: 10px
}

.number-count .content-wrap>h1,
.number-count .content-wrap>h6 {
    width: 150px
}

.number-count h1 {
    font-family: 'avenir';
    font-weight: 700
}

.number-count h6 {
    font-weight: 300
}

.home-grid>div>div:hover>div:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    background: #295e40ed
}

.home-grid .grid-hover>h4 {
    padding-bottom: 0;
    padding-top: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.home-grid>div>div:hover .grid-hover>h4 {
    padding-bottom: 20px;
    padding-top: 20px;
    color: var(--themeColor);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.home-grid {
    padding: 0 10px
}

.cert-row>div {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.award-row img {
    width: 164px;
    padding: 0
}

html {
    position: relative
}

.left-pd40 {
    padding-left: 36%
}

.bg {
    padding: 100px 0;
    clear: both
}

.gallery-row {
    padding: 0 10px
}

.gallery-row .slick-slide.slick-active:nth-child(even) {
    padding-top: 60px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.testimonial .slick-next,
.testimonial .slick-prev {
    z-index: 9 !important
}

.gallery-row .slick-slide {
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.bg:before {
    content: '';
    background: rgba(0, 0, 0, 0.65);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.bg {
    background-image: url(../images/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.number-count .col-md-4,
.number-count .col-md-6 {
    z-index: 9;
    position: relative
}

.number-count h1 {
    color: var(--themeColor)
}

.number-count h6 {
    color: white
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    height: calc(100vh - 149px);
    max-height: 830px
}

.banner-txt {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99
}

.banner:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9
}

.description-row span {
    color: var(--themeColor)
}

.description-row h2 {
    position: relative;
    z-index: 9
}

.banner {
    position: relative
}

.banner-txt h2 {
    color: var(--themeColor)
}

.home-grid>.row {
    width: 100%;
    margin: auto
}

.grid-hover {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
    padding: 30px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.home-grid .wpb_wrapper {
    position: relative
}

.home-grid h4,
.home-grid a {
    color: white
}

.testimonial-box {
    background: #295e40;
    text-align: center;
    padding: 55px 100px
}

.row.single-item {
    width: 80%;
    margin: auto
}

.testimonial .slick-next:before {
    content: '>' !important;
    color: black;
    line-height: .5 !important
}

.testimonial .slick-prev:before {
    content: '<' !important;
    color: black;
    line-height: .5 !important
}

.gallery-row .slick-next:before {
    content: '>' !important;
    color: black;
    line-height: .5 !important
}

.gallery-row .slick-prev:before {
    content: '<' !important;
    color: black;
    line-height: .5 !important
}

.slick-next:hover,
.slick-prev:hover {
    background: white !important
}

.testimonial .slick-next {
    right: -15px !important;
    background: white;
    z-index: 9999;
    border-radius: 100px;
    height: 30px;
    width: 30px
}

.testimonial .slick-prev {
    left: -15px !important;
    background: white;
    z-index: 9999;
    border-radius: 100px;
    height: 30px;
    width: 30px
}

.award-row {
    text-align: center;
    overflow: hidden;
    position: relative
}

.big-brand,
.featured {
    text-align: center
}

.flex-row {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.gallery-row .slick-next {
    right: 0 !important;
    background: white;
    z-index: 9;
    border-radius: 100px;
    height: 30px;
    width: 30px
}

.gallery-row .slick-prev {
    left: 0 !important;
    background: white;
    z-index: 9;
    border-radius: 100px;
    height: 30px;
    width: 30px
}

.testimonial-title {
    margin-bottom: 25px
}

.grid-hover a,
.grid-hover>img {
    display: none
}

.big-brand .flex-row,
.featured .flex-row {
    padding: 0 20px
}

.home-grid>div>div:hover .grid-hover>a,
.home-grid>div>div:hover .grid-hover>img {
    display: block;
    margin-left: auto
}

.home-grid .grid-hover>img {
    width: 80px
}

/*======1about=======*/
.about-description .col-md-4:nth-child(2) figure {
    max-height: 450px;
    object-fit: cover;
    width: auto !important
}

.about-description .col-md-4:nth-child(3) figure {
    max-height: 550px;
    object-fit: cover;
    width: auto !important
}

.about-description .col-md-4:nth-child(2) {
    margin-bottom: 0;
    overflow: hidden;
    max-height: 450px
}

.about-description .col-md-4:nth-child(3) {
    margin-bottom: 0;
    overflow: hidden;
    max-height: 550px
}

.founder-inner {
    display: flex;
    align-items: center
}

.slider-inner {
    text-align: center
}

.history-slider .slick-slide {
    width: 330px
}

.grow-effect .slider-content figure {
    border-radius: 300px;
    width: fit-content;
    margin: auto
}

.history-slider .slick-current figure {
    transform: scale(1.2)
}

.history-slider .slick-current h6 {
    margin: 40px 0 20px 0
}

span.history-line:before {
    content: "Hold & \A Drag";
    font-size: 14px;
    color: black;
    white-space: pre;
    text-align: center;
    width: 120px !important;
    position: absolute;
    height: 40px;
    left: 50px;
    line-height: 1.2;
    margin-top: 26px
}

span.history-line:after {
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 100px;
    border: 1px dotted var(--themeColor);
    left: 95px;
    position: absolute;
    margin-top: -15px;
    background: white
}

.slider-inner:before {
    content: '';
    height: 1px;
    border-top: 1px dotted var(--themeColor);
    position: absolute;
    top: 33.5%;
    left: 0;
    width: 100%
}

.slider-inner {
    height: 330px
}

.slick-track {
    background: white
}

.about-history .slick-track {
    padding: 70px 0
}

.slider-inner {
    padding: 0 70px;
    position: relative;
    z-index: 999999
}

.history-line {
    position: absolute;
    top: 45%;
    border-top: 1px dotted var(--themeColor)
}

.history-slider .slick-slide {
    width: 330px;
    position: relative;
    z-index: 999
}

.about-history {
    position: relative
}

.slider-inner p {
    display: none
}

.history-slider .slick-current p {
    display: block
}

.slider-content h6 {
    margin: 20px 0
}

.slider-content img {
    margin: auto
}

.about-description p {
    padding: 60px
}

.about-description>div>div:last-child {
    padding-top: 60px
}

.vision figure {
    display: inline-flex;
    padding: 25px;
    border: 1px solid var(--themeColor);
    border-radius: 100px
}

.vision img {
    width: 45px
}

.column-wrap {
    padding: 0 40px
}

.about-video {
    text-align: center
}

.vision {
    position: relative;
    text-align: center
}

/*===1managmentteam===*/
.chef-name {
    margin-top: 30px
}

.chef-content {
    padding: 0 15px
}

.award-row {
    padding-top: 30px
}

.award-description {
    padding-left: 30px
}

.award-year.dot-left:before {
    content: '';
    background: #295e40;
    height: 20px;
    width: 20px;
    position: absolute;
    left: -60px;
    top: 0;
    border-radius: 100px
}

.award-year.dot-right:before {
    content: '';
    background: #295e40;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    border-radius: 100px
}

@media only screen and (min-width: 992px) {
    .award-year.dot-right:before {
        right: -60px
    }
}

.award-year {
    position: relative
}

.award-row td {
    width: 50%;
    text-align: left;
    padding: 0 50px
}

.award-row .flex-col {
    display: flex;
    align-items: center
}

.award-row tr:not(last-child) .flex-col {
    margin-bottom: 30px
}

span.middle-line {
    position: absolute;
    left: 50%;
    height: 100%;
    width: 1px;
    border-right: 1px dotted var(--themeColor);
    letter-spacing: 100px
}

.award-row a.red {
    display: block
}

/*===1product===*/
.price sub {
    bottom: 0
}

.course-schedule>label {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #000000ab;
    padding: 7px 15px
}

.course-schedule>label>input {
    border: 0;
    width: 70%;
    float: left
}

.course-schedule>label>input:focus {
    outline: 0
}

.course-schedule>label>span {
    float: left;
    width: 30%
}

.loadmore {
    border: 1px solid black;
    padding: 10px 100px;
    border-radius: 0;
    font-weight: 700
}

.course-basic-info>h4 {
    margin-top: 30px
}

.loadmore-row .row>div {
    padding: 30px
}

.price {
    color: var(--themeColor);
    font-size: 20px
}

.course-schedule>input {
    display: block;
    width: 100%;
    margin-bottom: 20px
}

.booking-row {
    text-align: left;
    margin-top: 10px
}

.booknow {
    background: #295e40;
    color: white;
    padding: 5px 30px
}

.course-schedule {
    margin-top: 20px
}

.hover-view a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
    color: white
}

.hover-view {
    position: relative
}

h5.receipt {
    margin-top: 30px;
    margin-bottom: 15px
}

/*=======1course=======*/
.course-name {
    margin-top: 30px
}

.course-inner>div {
    margin-bottom: 45px
}

.course-list:hover .hover-view:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    right: 0;
    top: 0
}

.course-list:hover .hover-view>a {
    display: block
}

/*====courseselection====*/
.loadmore-row {
    text-align: center;
}

/*=====1events=====*/
.page-link-pd {
    padding: 10px;
    color: black
}

li.page-item.active>.page-link-pd {
    color: #c90
}

nav.pagination-wrap {
    text-align: center
}

ul.pagination.pagination-lg.justify-content-center {
    display: inline-flex
}

ul.pagination:before {
    content: '-'
}

ul.pagination:after {
    content: '-'
}

/*==1requestrecipe===*/
.contact-enquiry.recipe-reques-row {
    margin-top: 10px;
}

/*====1contact======*/
.info-sec {
    padding-top: 30px
}

.contact-enquiry {
    margin: 40px 0
}

.contact-first-row>div {
    width: 33.33%;
    display: inline-flex;
    float: left
}

.receipt {
    display: block;
    clear: both
}

.receipt>input {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #d1d3d4;
    padding: 5px 20px
}

.receipt>input:before {
    content: 'Bakery Image'
}

#upload_button {
    width: 100%;
    margin-top: 10px
}

div#upload_button>label {
    width: 100%
}

span.btn.btn-primary>sub {
    color: #d1d3d4
}

span.btn.btn-primary {
    background: transparent;
    border: 1px solid #d1d3d4;
    width: 100%;
    color: black;
    text-align: left;
    width: 100%;
    border-radius: 0
}

#upload_button {
    display: inline-block
}

#upload_button input[type=file] {
    display: none
}

div#send {
    text-align: center
}

div#send>input {
    background: #295e40;
    color: white;
    padding: 6px 45px;
    border-radius: 0;
    margin-top: 10px
}

.contact-first-row>div:nth-child(2) {
    padding: 0 10px
}

.contact-second-row textarea {
    width: 100%;
    margin-top: 10px;
    padding: 15px 15px;
    border: 1px solid #d1d3d4
}

.info-sec .col {
    text-align: center
}

.info-sec .svg-icon {
    height: 45px;
    width: 45px;
    border: 1px solid var(--themeColor);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px
}

.info-sec .col {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.svg-icon>svg {
    fill: var(--themeColor)
}

.info-sec a {
    color: black;
    font-family: 'avenir';
    font-weight: bold
}

.grey-bg h5 {
    color: #295e40;
    padding: 15px 20px;
    background: #f1f2f2;
    margin-bottom: 30px
}

.studio-info {
    margin: 20px 0 45px 0
}

a.contact-fb-link>svg {
    height: 30px;
    width: 30px
}

/*======1footer========*/
.payment-row>img {
    width: auto;
    height: 40px;
    padding: 0 13px
}

.footer {
    padding-top: 30px;
    border-top: 1px solid #58595b75;
    margin-top: 40px
}

.about-page .footer,
.home .footer,
.founder-page .footer {
    border-top: 0 solid #58595b75
}

div#footer {
    text-align: center
}

.footer-payment {
    margin: 45px 0
}

.copy-right {
    margin-bottom: 35px
}

a.hoverInspiren {
    color: black
}

a.hoverInspiren:hover {
    color: var(--themeColor)
}

.payment-row {
    display: flex;
    justify-content: center;
    align-items: center
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background: #3a3f51;
    border: 0;
    border-radius: 0;
    color: #fff;
    z-index: 1001
}

/*===== Cart Styling =====*/
.btn-gold {
    background: var(--themeColor);
    color: white;
    border-radius: 0;
}

.btn-gold:hover {
    background: #ccae0a;
    color: white;
}

.text-amount,
.text-amount .price {
    color: #ce0000;
    font-weight: 600;
    font-size: inherit;
}

.cartStyle input[type="text"],
.cartStyle input[type="email"],
.cartStyle input[type="number"],
.cartStyle input[type="password"],
.cartStyle input[type="tel"],
.cartStyle select {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    padding: 10px 15px;
    height: unset;
}

.cartStyle table td,
.cartStyle table th,
.cart-table td,
.cart-table th {
    padding: 15px;
}

.cartStyle table th,
.cart-table th {
    background-color: #f2f2f2;
    font-weight: normal;
}

.cartStyle .text-expired {
    color: #ddd;
}

.modal-dialog.item-detail {
    max-width: 960px;
}

.item-detail .modal-content {
    background: #fff;
}

.qtywrap {}

.table.col-eq {
    table-layout: fixed;
}

@media only screen and (max-width: 767px) {
    .mg-t100.nobanner {
        margin-top: 80px !important;
    }

    .text-amount {
        white-space: normal;
    }

    .qtywrap .btn-minus {
        order: 1;
    }

    .qtywrap .btn-plus {
        order: 2;
    }

    .qtywrap .btn-minus,
    .qtywrap .btn-plus {
        float: left;
        width: 50%;
        padding: 0;
    }

    .qtywrap .quantity {
        order: 0;
        width: 100%;
    }
}


/*====mobile view======*/
@media only screen and (min-width: 1400px) {
    .container {
        max-width: 1000px
    }
}

@media only screen and (max-width: 991px) {
    .carousel-item>img {
        height: 50vh
    }

    span.middle-line {
        left: 20px
    }

    .award-row tr {
        display: flex;
        flex-direction: column
    }

    .award-row td {
        width: 100%;
        padding: 0 0 0 20px
    }

    .award-row {
        padding: 30px 30px 0 30px
    }

    .award-year.dot-left:before,
    .award-year.dot-right:before {
        left: -40px
    }

    .award-row img {
        width: 134px
    }
}

@media only screen and (max-width: 767px) {
    .about-description figure {
        max-height: 380px;
        object-fit: cover;
        width: auto !important
    }

    .vision h5 {
        margin-top: 25px
    }

    .about-description .grow-effect-1 {
        margin-bottom: 30px !important;
        overflow: hidden;
        max-height: 300px !important
    }

    div.lang-cart {
        top: 35px
    }

    ul.navbar-nav.me-auto>li {
        margin-bottom: 8px
    }

    .gallery-row img {
        max-height: 380px;
        object-fit: cover
    }

    .carousel-item {
        max-height: 350px
    }

    .footer-img-inner>img {
        width: 120px
    }

    .banner-txt {
        top: 60%;
        width: 100%
    }

    .home-grid>div>div:hover .grid-hover>h4 {
        padding-bottom: 0
    }

    .home-grid .grid-hover>img {
        width: 50px
    }

    span.history-line {
        display: none
    }

    .history-slider .slick-current h6 {
        margin: 20px 0 20px 0
    }

    .history-slider .slick-current figure {
        transform: scale(1)
    }

    .about-description>div>div:last-child {
        padding-top: 0
    }

    .vision>div>div {
        margin: 15px 0
    }

    .award-row tr:not(:last-child) {
        margin-bottom: 30px
    }

    .founder-cert.mg-t100>div:first-child {
        margin-bottom: 30px
    }

    .founder-description h2 {
        margin-top: 30px
    }

    .founder-cert.mg-t100 {
        margin-top: 0 !important
    }

    .hover-view {
        height: 250px;
        overflow: hidden
    }

    .info-sec>div {
        display: block
    }

    .contact-enquiry {
        margin: 20px 0
    }

    .contact-first-row>div {
        width: 100%;
        margin-top: 10px
    }

    .contact-first-row>div:nth-child(2) {
        padding: 0
    }

    .info-sec>div>div:nth-child(1) {
        margin: 20px 0
    }

    .left-pd40 {
        padding-left: 0
    }

    .inner-content {
        padding: 0 15px
    }

    .cert-row>div:first-child {
        margin-bottom: 30px
    }

    .number-count>div>div {
        margin-bottom: 30px
    }

    .lang-cart>div {
        margin-right: 10px
    }

    .nav-policy>a {
        display: block
    }

    a.navbar-brand {
        margin-left: 15px
    }

    div.lang-cart {
        right: 60px
    }

    li.nav-item>a {
        font-size: 22px
    }

    ul.navbar-nav {
        padding: 0 15px
    }

    li.nav-item {
        text-align: center
    }

    ul.navbar-nav br {
        display: none
    }

    .home-page ul.navbar-nav>li:nth-child(1)>a:before {
        display: none
    }

    .gallery-row .slick-slide:nth-child(even) {
        padding-top: 0 !important
    }

    .testimonial-box {
        padding: 55px 25px
    }

    .row.single-item {
        width: 100%
    }

    .big-brand img,
    .featured img {
        padding: 0;
        width: 50%;
        height: 50px;
        object-fit: contain;
        float: left
    }

    .big-brand,
    .featured {
        clear: both;
        margin-bottom: 50px
    }

    .flex-row {
        display: block
    }

    .pd-right {
        padding-left: 15px
    }

    h1.big-txt-left,
    h1.big-txt-right {
        display: none !important
    }

    .home-grid .col-md-6,
    .home-grid .col-md-4 {
        margin-bottom: 20px
    }

    .home-grid .mg-t20 {
        margin-top: 0 !important
    }

    .pd-left {
        padding-right: 15px
    }

    .number-count .content-wrap {
        display: block
    }

    .number-count .content-wrap>h1,
    .number-count .content-wrap>h6 {
        width: 100%
    }

    .bg {
        padding: 50px 0 30px 0
    }

    .number-count br {
        display: none
    }

    .payment-row img {
        width: 33.33%;
        float: left;
        height: 20px;
        object-fit: contain;
        margin-bottom: 30px
    }

    .teams .col-md-4:not(:last-child) {
        margin-bottom: 35px
    }

    .column-wrap {
        padding: 0
    }

    .payment-row {
        display: block
    }

    div#footer {
        padding-bottom: 40px
    }

    .about-description p {
        padding: 0
    }

    .about-history {
        margin-top: 60px !important
    }

    .footer {
        border-top: 0
    }

    .footer.container {
        position: relative
    }

    .footer.container:before {
        content: '';
        height: 1px;
        width: 90%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        background: black;
        top: 0
    }

    .course-schedule>label>span {
        width: 100%
    }

    .course-schedule>label>input {
        width: 70%
    }
}

@media only screen and (max-width: 478px) {
    .about-video>iframe {
        width: 400px;
        height: 230px;
        padding: 0 15px
    }

    .nav-policy>a {
        display: block;
        width: 50%;
        margin-left: auto;
        float: left;
        margin-right: auto
    }

    img.logo-img {
        width: 50%
    }

    div.lang-cart {
        top: 25px
    }

    ul.nav-inner>li {
        padding-bottom: 0
    }

    ul.nav-inner {
        padding-left: 0;
        padding-top: 5px
    }

    ul.nav-inner {
        padding-left: 0;
        padding-top: 0
    }

    .nav-policy {
        clear: both;
        display: block;
        position: relative;
        height: 50px
    }

    .carousel-item {
        max-height: 330px
    }

    .payment-row img {
        width: 16.33%;
        height: 40px
    }

    .payment-row>img {
        padding: 0
    }
}

.invalid-feedback {
    display: block;
    width: 100%;
    margin: .25rem auto 1.5rem;
    font-size: .875em;
    color: #dc3545;
}

.discount-percentage {
    background: #facdc0;
    color: #db3b20;
    font-size: 12px;
    margin-left: 8px;
    padding: 4px 8px
}

.discount-price {
    text-decoration: line-through;
}

.badges {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.badge-discount {
    background-color: red;
    color: white;
    border-radius: 5px;
    padding: 4px;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    cursor: default;
    color: #dee2e6;
    background: 0 0
}