:root{
  --black: #222227;
  --slim: #9e8a78;
  --slim-dark: #87762e;
  --gray: #fcf9f5;
}

/*1. Animate css, 2. Smartmenus css, 3. Slick css, 4. Reset css, 5. Core css, 6. custom css*/
/* =================animate css starts here================= */
.fadeInLeft{transition: .4s ease; opacity: 0; transform: translateX(-10px); transition: 1.1s ease;}
.fadeInRight{ transform: translateX(10px); opacity: 0; transition: 1.1s ease;}
.fadeInLeft2{transition: .4s ease; opacity: 0; transform: translateX(-100px); transition: 1.1s ease;}
.fadeInRight2{ transform: translateX(100px); opacity: 0; transition: 1.1s ease;}
.fadeIn{ opacity: 0; transition: 1.1s ease;}
.fadeInUp{transform: translateY(75px); opacity: 0; transition: .6s ease;}

.delay1{transition-delay: .8s !important;}
.delay2{transition-delay: .9s !important;}
.delay3{transition-delay: 1s !important;}
.delay4{transition-delay: 1.2s !important;}
.delay5{transition-delay: 1.4s !important;}
.delay6{transition-delay: 1.6s !important;}
.delay7{transition-delay: 1.8s !important;}
.delay8{transition-delay: 2s !important;}
.delay9{transition-delay: 2.2s !important;}
.delay10{transition-delay: 2.4s !important;}
.delay11{transition-delay: 2.6s !important;}
.delay12{transition-delay: 2.8s !important;}
.delay13{transition-delay: 3s !important;}

.animated .fadeInLeft, .animated .fadeInLeft2, .animated .fadeInUp, .animated .fadeInRight, .animated .fadeInRight2{transform: translateX(0); opacity: 1;}
.animated .fadeIn{opacity: 1;}
.whatsapp { position: fixed; bottom: 30px; height: 50px; z-index: 999; width: 50px; background: #24cc63; left: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 30px; box-shadow: 0 1px 2px rgb(0 0 0 / 100%); transition: all .3s ease-in; animation: pulse 2s infinite; }
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(275 275 275 / 75%);
    box-shadow: 0 0 0 0 rgb(275 275 275 / 75%);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
      box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/* =================animate css ends here================= */


/* ================= Custom animation start ================= */
#main{overflow:hidden;}
.hero-arrow.hero-prev{transform:translateX(-100px);transition:all 1s ease-in;}
.hero-arrow.hero-next{transform:translateX(100px);transition:all 1s ease-in;}
.animated .hero-arrow.hero-prev,.animated .hero-arrow.hero-next{transform:translate(0);}
.home-about-img-group img{transition:all .8s ease-in; transition-delay: .3s;}
.home-about-img-1{transform:translateX(-20px);opacity: 0; }
.home-about-img-2{transform:translateX(20px);opacity: 0; }
.home-about-img-3{transform:translateX(-20px);opacity: 0; }
.home-about-img-group.animated  img{transform: translate(0); opacity: 1;}
/* ================= Custom animation end ================= */




/* =================slick css ends here================= */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
.slick-slide img{display:block; width: 100%}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.slick-prev, .slick-next {z-index:99;font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;float: left;padding: 0;margin-top: -25px\9; /*lte IE 8*/-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;width: 60px;height: 60px;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .3; }
.slick-prev:before, .slick-next:before {background-image: url(../images/arrow-right2.svg);padding: 0;width: 30px;height: 24px;display: inline-block;background-size: 30px;background-repeat: no-repeat;background-position: center;}
.slick-prev {left: -60px;}
.slick-prev:before {content: "\f053";background-image: url(../images/arrow-left2.svg);}
.slick-next {right: -60px;}
.slick-next:before { content: "\f054"; }
.slick-slider {margin-bottom: 0; padding-bottom: 45px;}
.slick-dots {position: absolute;bottom: 0;display: block;width: 100%;padding: 0;list-style: none;text-align: center;vertical-align: top;}
.slick-dots li {position: relative;display: inline-block; margin: 0 0px;padding: 0;text-align:center;cursor: pointer;vertical-align: top;}
.slick-dots li button {font-size: 0;line-height: 0;display: inline-block;width: 10px;height: 10px;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background:transparent;opacity: 1;background: #ddd;border-radius: 50%;vertical-align: top;margin: 4px 5px;transition: all .2s ease-in;}
.slick-dots li.slick-active button, .slick-dots li:hover button{transform: scale(1.4);}
.white-dots .slick-dots li button {border-color:#fff; background: #fff; opacity: 0.4;}
.white-dots  .slick-dots li.slick-active button, .white-dots  .slick-dots li:hover button{ background-color: #fff; opacity: 1;}
.dots-inside .slick-dots{bottom: 14px;z-index: 99;}
/* =================slick css end here=================  */
/* =================nicneselect css start here================= */
.nice-select, .filter-search-input {-webkit-tap-highlight-color: transparent;background-color: #fff;border-radius: 6px;border: 0;box-sizing: border-box;clear: both;cursor: pointer;display: block;font-family: inherit;font-weight: normal;height: 36px;line-height: 47px !important;outline: none;padding: 0;padding-left: 15px;padding-right: 30px;position: relative;text-align: left !important;transition: all 0.2s ease-in-out;user-select: none;white-space: nowrap;width: auto;width: 100%;color: #565656;font-size: 13px;}
.nice-select:after {content: '';display: block;height: 6px;width: 12px;margin-top: -3px;background: url(../images/arrow-down.svg) no-repeat center/contain;pointer-events: none;position: absolute;right: 10px;top: 50%;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;opacity: .7;}
.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
.nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; }
.nice-select.disabled:after { opacity: 0.3; }
.nice-select.wide { width: 100%; }
.nice-select.wide .list { left: 0 !important; right: 0 !important; }
.nice-select.right { float: right; }
.nice-select.right .list { left: auto; right: 0; }
.nice-select .list {background-color: var(--black);border-radius: 0px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);box-sizing: border-box;margin-top: 2px;opacity: 0;overflow: hidden;padding: 0;pointer-events: none;position: absolute;top: 100%;left: 0;-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform: scale(0.75) translateY(-21px);-ms-transform: scale(0.75) translateY(-21px);transform: scale(0.75) translateY(-21px);-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;z-index: 9;width: calc(100% + 2px);margin-left: -1px;padding: 0;max-height: 350px;overflow-y: auto;}
.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }
.nice-select .option {cursor: pointer;font-weight: 400;line-height: 42px;list-style: none;min-height: 42px;outline: none;padding-left: 12px;padding-right: 12px;text-align: left;-webkit-transition: all 0.2s;transition: all 0.2s;font-size: 13px;color: #ddd;border-bottom: 1px solid rgb(255 255 255 / 20%);text-transform: capitalize;}
.nice-select .option:last-child { border-bottom: none; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {background-color: var(--slim);}
.nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; }
.nice-select.small .option { padding-left: 7px; }
.nice-select.open .list::-webkit-scrollbar-track { border-radius: 10px; background-color: #cccccc36; }
.nice-select.open .list::-webkit-scrollbar { width: 8px; background-color: transparent; }
.nice-select.open .list::-webkit-scrollbar-thumb { border-radius: 4px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #004085; }
/* =================nicneselect css ends here================= */
/* =================reset css starts here=================  */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin: 0; padding: 0; outline: none; border: 0 }
a { text-decoration: none; border: 0; outline: 0; }
ul {list-style: none;}
a:focus, input:focus, textarea:focus, *:focus { outline: 0 !important; }
.row > * { padding: 0 15px; }
/* =================reset css ends here================= */
/* =================core css starts here================= */
body {padding-top: 100px;font-size: 16px;line-height: 23px;font-weight: 400;font-family: 'Work Sans', sans-serif;color: #ddd;background: var(--black);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.container { width: calc(100% - 20px); max-width: 1200px;padding: 0 15px; }
a, input, button { display: inline-block; text-decoration: none; color: inherit; outline: none; transition: all 0.2s ease-in;  -webkit-transition: all 0.2s ease-in; }
a img {border: 0px none;}
a:hover { outline: none; color: var(--slim-dark); text-decoration: none; }
a:active { outline: none; text-decoration: none; }
a:focus { outline: none; outline-offset: 0px; text-decoration: none; color: inherit; }
::-webkit-input-placeholder { color: #000; opacity: 0.5; }
::-moz-placeholder { color: #000; opacity: 0.5; }
:-moz-placeholder { color: #000; opacity: 0.5; }
:-ms-input-placeholder { color: #000; opacity: 0.5; }
.os-animation {opacity: 0;}
.os-animation.animated {opacity: 1;}
img {max-width: 100%; border:0; height: auto;}
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; margin-bottom: 24px; line-height: 1.2; font-weight: 600; color: inherit; font-family: 'Prata', serif;}
h1 {font-size: 58px;}
h2 {font-size: 48px;}
h3 {font-size: 40px;}
h4 {font-size: 30px;}
h5 {font-size: 26px;}
h6 {font-size: 22px;}
p {margin: 0px;padding: 0px;margin-bottom: 24px;}
strong {font-weight: 700;}
b {font-weight: 400;}
p:last-child {margin-bottom: 0;}
.btn {border-radius: 0;font-weight: 600;padding: 15px 25px 13px;min-width: 140px;font-size: 14px;text-transform: uppercase;line-height: 14px;box-shadow: none;transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;}
.btn>span {position: relative;}
.btn>span::before {content: '';width: 10px;height: 2px;background: #fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: all .3s ease-in;display: none;}
.btn:hover>span::before { width: 13px; }
.btn-default,.btn-default:focus {color: #fff;background-color: #87762e;}
.btn-default:hover,.btn-default:active {color: #fff;background: var(--slim-dark);}
.btn-primary,.btn-primary:focus { color: #fff; background-color: #333; border: solid 1px #333; }
.btn-primary:hover,.btn-primary:active { color: #333; background-color: transparent; border-color: #333; }
.btn.btn-block{min-width: 100%;}
.btn+.btn {margin-left: 25px;}
ul:not([class]) {list-style: none;margin-bottom: 15px;text-align:left;line-height: 22px;}
ul:not([class]) > li {padding-left: 16px;position: relative;margin-bottom: 14px;}
ul:not([class]) > li:last-child{margin-bottom: 0;}
ul:not([class]) > li:before {content: '';position: absolute;left: 2px;top:10px;background: #000;height: 5px;width: 5px; border-radius: 50%;}
.content-container{padding: 70px 0;} 
.content-container.more-pad{padding: 90px 0;} 
.gray-bg{background: #111;}
.dark-bg{background: var(--black); color: #ddd;}
.heading { margin-bottom: 50px; }
.heading.mb-30{margin-bottom: 30px;}
.heading h5 { font-size: 16px; font-weight: 600; color: var(--slim); line-height: 20px; margin-bottom: 10px; }
.heading h3 { font-size: 40px; letter-spacing: 1px; margin-bottom: 0; line-height: 50px; }
.heading h3 + p { margin-top: 15px;}
.heading-icon { width: 80px; margin: 0 auto; margin-top: 16px; filter: grayscale(.7); position: relative; padding: 0 10px; border-color: #f7941d; border-width: 0 1px 0 1px; border-style: solid; }
.heading-icon::before { content: ''; position: absolute; width: 200px; height: 1px; background: #f7941d; right: 100%; top: 50%; transform: translateY(-50%); }
.heading-icon::after { content: ''; position: absolute; width: 200px; height: 1px; background: #f7941d; left: 101%; top: 50%; transform: translateY(-50%); }
.view-more-btn-box{margin-top: 30px; text-align: center;}
.form-control {background: transparent;border: 1px solid #ddd !important;height: 50px;border-radius: 0;color: #ddd;font-size: 14px;line-height: 20px;}
.form-control::placeholder { color: #ddd; font-size: 14px; }
.form-control:focus, .form-control:active { background: transparent; box-shadow: none; color: #ddd; }
/* =================core css ends here================= */
/* ================= Header Start ================= */
#header{color: #fff;background: var(--black);position: fixed;left: 0;top: 0;right: 0;padding: 0;z-index: 999;transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;display: flex;align-items: center;}
.light-theme.fixed #header{box-shadow: 0 5px 8px rgba(0,0,0,.10);}
.fixed #header{box-shadow: 0 5px 8px rgba(0,0,0,.25);}
.navbar{padding: 0;width: 100%;height: 100px;} 
.navbar-brand {width: 140px;min-width: 140px;padding: 0;margin: 0;position: relative;z-index: 999;margin-top: 40px;}
.navbar-expand-xl .navbar-nav .nav-item{margin: 0 20px;}
.navbar-expand-xl .navbar-nav .nav-link{font-size: 17px;text-transform: uppercase;line-height: 80px;font-weight: 500;color: #ddd;padding: 0;margin:0;}
.navbar-expand-xl .navbar-nav .nav-item:hover .nav-link, .navbar-expand-xl .navbar-nav .nav-item .nav-link.active{color: #fff;}
.dropdown-toggle::after{display:none;}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow{display:none;}
.nav-inside{width: 100%;padding: 0;}
.header-right{margin-left: 15px;}
.header-right>.btn{min-width: 210px;padding: 14px 8px 13px;}
.nav-inside-content{padding: 30px 0;}
@media only screen and (min-width:1200px) {
  .navbar-nav>li>.dropdown-menu { display: block !important; top: 100% !important; margin-top: 10px !important; opacity: 0; visibility: hidden; background: var(--black); color: #fff; min-width: 180px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); border: 0; border-radius: 0; transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; padding: 0; }
  .navbar-nav>li>.dropdown-menu>li+li{border-top: 1px solid rgba(225,225,225, .2);}
  .dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; margin-top: 0px !important; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
  .dropdown-item { color: #fff; padding: 15px 15px; font-weight: 400; font-size: 12px; text-transform: uppercase; line-height: 14px; position: relative; }
  .dropdown-item:focus, .dropdown-item:hover, .active .dropdown-item { color: #ddd; background: var(--slim); padding-left: 26px; }
  .dropdown-item::before { content: ''; position: absolute; width: 0; height: 2px; top: 50%; transform: translateY(-50%); left: 10px; background: #ddd; transition: all .3s ease-in; }
  .dropdown-item:focus::before, .dropdown-item:hover::before, .active .dropdown-item::before { width: 10px; }
}
.navbar-toggler {width: 45px;height: 45px;border-radius: 0;cursor: pointer;text-decoration: none;padding: 0;border: 0;background: transparent;margin: 0;position: absolute;top: 0;right: 0;}
.navbar-default .navbar-toggler:hover, .navbar-default .navbar-toggler:focus {background: transparent;}
.navbar-toggler:not([class="collapsed"]), .navbar-toggler:not([class="collapsed"]):focus, .navbar-toggler:not([class="collapsed"]):hover {background: transparent;}
.navbar-toggler.collapsed, .navbar-toggler.collapsed:focus, .navbar-toggler.collapsed:hover {background: transparent;}
.navbar-toggler .icon-bar {position: relative;display: inline-block;width: 22px;height: 4px;color: #243238;text-indent: -55px;margin-top: 0;background: transparent!important;transition: all .2s ease-out;-webkit-transition: all .2s ease-out;vertical-align: middle;}
.navbar-toggler .icon-bar:before, .navbar-toggler .icon-bar:after {content: '';width: 22px;height: 4px;background: #005983;position: absolute;left: 0;transition: all .2s ease-out;}
.navbar-toggler.collapsed .icon-bar {background: #005983!important;}
.navbar-toggler.collapsed .icon-bar:before, .navbar-toggler.collapsed .icon-bar:after {background: #005983;}
.navbar-toggler.collapsed .icon-bar:before {top: -8px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .icon-bar:before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.navbar-toggler.collapsed .icon-bar:after {bottom: -8px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .icon-bar:after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
/* ================= Header End ================= */

/* ================= hero Start ================= */
.content-container.hero-container { padding: 0 !important; position: relative;}
.hero-slide {min-height: 450px;height: calc(100vh - 80px);display: flex !important;flex-flow: column;justify-content: center;padding: 50px 0;position: relative;}
.hero-slide-img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; filter: grayscale(.5); }
.hero-slide-img > img { width: 100%; height: 100%; object-fit: cover; }
.hero-slide-content {color: #ddd;position: relative;z-index: 9;opacity: 0;transform: translateY(20px);transition: .5s ease-in-out;transition-delay: .6s;}
.hero-slide-content h6 {font-size: 40px;color: rgb(255 255 255 / 60%);line-height: 26px;margin-bottom: 25px;font-weight: 500;}
.hero-slide-content h1, .hero-slide-content h2 {font-size: 40px;line-height: 56px;font-weight: 400;margin-bottom: 16px;}
.hero-slide::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .35); }
.hero-arrow {width: 50px;height: 50px;position: absolute;bottom: 20px;border: 2px solid #ddd;padding: 7px;z-index: 99;}
.hero-arrow.hero-prev { left: 20px; }
.hero-arrow.hero-next { right: 20px; }
.slick-current .hero-slide-content { opacity: 1; transform: translate(0); }
/************ hero-classic **********/
.content-container.hero-classic-container { min-height: calc(100vh - 80px); position: relative; }
.content-container.hero-classic-container .hero-slide-content{transform: none; opacity: 1;}
.hero-video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.hero-video-bg>video { width: 100%; height: 100%; object-fit: cover; }
.hero-video-bg::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, .5); }


/************ hero-classic **********/
.content-container.hero-inner-classic-container { min-height: calc(55vh); position: relative; }
.content-container.hero-inner-classic-container .hero-slide-content{transform: none; opacity: 1;}
.hero-inner-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.hero-inner-bg>img { width: 100%; height: 100%; object-fit: cover; }
.hero-inner-bg::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, .5); }
.hero-slide-content h1 span {
    position: relative;
    padding-bottom: 4px;
}

.hero-slide-content h1 span::before {
    position: absolute;
    content: "";
    width: 50%;
    height: 2px;
    background: #87762e;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    border-radius: 3px;
}
.hero-slide-content h5 {
    margin: 0;
    font-size: 17px;
    font-weight: 400;
}
/* ================= home about Start ================= */
/* ================= home about Start ================= */
.home-about-text { position: relative; }
.home-about-text::before { content: ''; position: absolute; background: rgba(158, 138, 120, .15); width: 100px; height: 100px; border-radius: 50%; top: -30px; left: -30px; }
.home-about-text h6 {font-size: 22px;font-weight: 500;}
.home-about-text h2 { color: var(--slim); font-size: 43px; margin-bottom: 20px; }
.home-about-img-group img {border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, .25);width: 60%;display: block;}
.home-about-img-2 {margin-left: auto;margin-top: 11%;}
.home-about-img-3 {margin-top: -60%;margin-left: 6%;}
/** ======================================== */
.home-about-video > img { width: 100%; height: auto; object-fit: contain;  transform: none; opacity: 1;}
.home-about-video { position: relative; }
.play-icon { position: absolute; width: 70px; height: 70px; background: var(--slim); border-radius: 50%; display: flex; align-items: center; justify-content: center; top: 50%; left: 50%; transition: all .3s ease-in; transform: translate(-50%, -50%); z-index: 99; box-shadow: 0 0 10px rgb(0 0 0 / 50%); }
.play-icon img { width: 18px; margin: 2px 0 0  3px; }
.play-icon:hover { background: var(--slim-dark); }


/* ================= home service Start ================= */
.service-list { width: calc(100% + 30px); margin-left: -15px; }
.service-list > .service-item {width: 25%; padding: 10px !important;}
.service-img {width: 100%;padding-bottom: 100%;position: relative;/* border-radius: 50%; */background: transparent;border: 3px solid #9e8a78;margin-bottom: 10px;}
.service-img>img {position: absolute;top: 6px;left: 6px;width: calc(100% - 12px);height: calc(100% - 12px);object-fit: cover;/* border-radius: 50%; */transition: all .3s ease-in;}
.service-img:hover>img { filter: grayscale(1); }
.service-text h4 {font-size: 15px;line-height: 28px;margin-bottom: 3px;}
.service-text {font-size: 16px;line-height: 23px;}
.service_slider .slick-slide{padding: 0px 10px !important;}
.service-text p {
    position: relative;
    margin-bottom: 2px;
    font-size: 14px;
    padding-left: 15px;
}

.service-text p::before {
    left: 0;
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: #9e8a78;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}
/* ======================================= */
.hs-list { width: calc(100% + 30px); margin-left: -15px; }
.hs-list > .hs-item { width: 25%; padding: 15px; }
.hs-list > .hs-item .hs-box {padding: 36px 22px;background-color: #111;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, .05);transition: all .3s ease-in;}
.hs-list > .hs-item .hs-box .hs-icon {width: 80px;padding: 15px;margin: 0 auto;margin-bottom: 30px;background: var(--slim);border-radius: 50%;box-shadow: 3px 3px 0px 3px #746354;}
.hs-list > .hs-item .hs-box .hs-icon img { filter: brightness(0) invert(1); width: 100%; height: auto; object-fit: cover; }
.hs-list > .hs-item .hs-box h4 { font-size: 24px; font-weight: 500; letter-spacing: 1px; line-height: 33px; margin-bottom: 16px; }
.hs-list > .hs-item .hs-box p {}
.hs-list > .hs-item .hs-box:hover {transform: translateY(-10px);box-shadow: 0px 7px 10px rgba(0, 0, 0, .1);}


/* ================= book-apointment Start ================= */
.content-container.book-apointment-container { position: relative; }
.ba-img-right {width: 100%;height: 100%;top: 0;left: 0;opacity: .2;position: absolute;z-index: 1;}
.ba-img-right > img { width: 100%; height: 100%; object-fit: cover; }
.ba-img-left {width: calc(50% - 15px);position: absolute;top: 0;right: 0;z-index: 9;height: 100%;background-position: right;background-size: cover;}
.ba-form-content { padding: 30px 0; padding-left: 20px; position: relative; z-index: 99;}
.ba-form-content > .row > * { padding: 10px; }

/* ================= Our barber Start ================= */
.ob-list { width: calc(100%  + 30px); margin-left: -15px; }
.ob-list .ob-item { width: 25%; padding: 15px; }
.ob-img-box { display: block; height: 100%; position: relative; overflow: hidden; }
.ob-img-box> img { width: 100%; height: 100%; object-fit: cover; }
.ob-more { display: block; width: 24px; height: 24px; position: absolute; top: 10px; right: 10px; color: #fff !important; background: var(--slim); text-align: center; font-size: 13px; line-height: 25px; border-radius: 0px; transform: scale(0); transition: all .3s ease-in; }
.ob-img-box:hover .ob-more { transform: scale(1); }
.ob-content { position: absolute; width: 100%; bottom: 0; background: rgba(139, 119, 101, .9); color: #ddd; padding: 20px 15px; font-size: 14px; line-height: 16px; transition: all .3s ease-in; transform: translateY(100%); }
.ob-content h4 { font-size: 20px; line-height: 24px; margin-bottom: 6px; }
.ob-img-box:hover .ob-content { transform: translate(0); }
.ob-img-box::before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); position: absolute; top: 0; left: 0; transition: all .3s ease-in; }
.ob-img-box:hover::before { background: rgba(0, 0, 0, .4); }

/* ================= testimonials and cta Start ================= */
.content-container.testimonials-container { position: relative; padding-bottom: 40px; }
.block-container{position: relative;}
.content-container.testimonials-container::before, .content-container.block-container::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../images/testimonials-bg.jpg);background-attachment: fixed;background-size: cover;opacity: .5;}
.block-list { position: relative; z-index: 99; }
.block-text-content blockquote {font-size: 17px;line-height: 33px;color: #fff;margin-bottom: 20px;font-family: 'Prata';letter-spacing: 1px;}
.block-text-content h3 { font-size: 40px; line-height: 50px; }
.block-text-content {text-align: center;font-size: 16px;line-height: 20px;position: relative;z-index: 9;}
.block-text-content h5 {font-size: 16px;margin-bottom: 10px;color: #deb28c;}
.block-text-content > .block-quote-by > span { color: #ddd; }

/* ================= Pricing Start ================= */
.package-single { background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, .10); margin-bottom: 40px; padding-top: 0; }
.package-header { margin-bottom: 40px; text-align: center; background: var(--default); padding: 30px 20px; color: #; }
.package-title { background: var(--slim); padding: 20px 24px; font-size: 27px; line-height: 30px; text-align: center; color: #efefef; font-family: 'Prata'; }
.package-details-single li {padding: 20px;font-size: 16px;line-height: 22px;box-shadow: 0px 5px 6px rgba(0, 0, 0, .05);background: #111;}
.package-details-single li h4 {font-size: 18px;color: var(--slim);position: relative;line-height: 28px;margin-bottom: 12px;padding-right: 60px;padding-bottom: 2px;}
.package-details-single li h4::before { content: ''; position: absolute; bottom: 0; width: 100%; height: 1px; border-bottom: 1px dashed; }
.package-details-single li h4 span { position: absolute; right: 0; top: 50%; font-size: 22px; transform: translateY(-50%); }
.package-btn .btn { width: 100%; }

/* ================= blog Start ================= */
.blog-list { width: calc(100% + 30px); margin-left: -15px; }
.blog-item { width: 33.33%; padding: 15px; }
.blog-box {box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1);background: #111;}
.blog-thumb { position: relative; padding-bottom: 66%; }
.blog-thumb>img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; transition: all .3s ease-in; }
.blog-thumb:hover img { filter: grayscale(1); }
.blog-content { padding: 30px; font-size: 16px; line-height: 22px; padding-bottom: 40px; }
.blog-content h4 { font-size: 20px; font-weight: 400; line-height: 27px; margin-bottom: 14px; }
.read-more-btn { padding-left: 24px; font-weight: 500; color: #77624e; position: relative; transition: all .3s ease-in; }
.read-more-btn::before { content: ''; position: absolute; width: 16px; height: 2px; background: #77624e; top: 50%; transform: translateY(-50%); left: 0; }
.read-more-btn:hover { color: #77624ec2; }
.read-more-btn:hover::before { background: #77624ec2; }
.blog-category { position: absolute; bottom: 0; left: 0; }
.blog-category>a { padding: 8px 24px; color: #fff; background: var(--slim-dark); text-transform: uppercase; font-size: 12px; line-height: 18px; font-weight: 500; letter-spacing: .7px; }
.blog-category:hover a { background: var(--slim); }
/* =================================== */
.blog-type-2 .blog-box { display: flex; flex-wrap: wrap;  min-height: 240px;}
.blog-type-2 .blog-thumb { width: 45%; padding-bottom: 0; }
.blog-type-2 .blog-item { width: 50%; }
.blog-type-2 .blog-thumb>img { position: relative; }
.blog-type-2 .blog-content { width: 55%; padding: 26px; font-size: 14px; line-height: 19px; display: flex; flex-flow: column; }
.blog-type-2 .blog-category { left: auto; right: 0; }
.blog-type-2 .blog-content h4 a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.blog-type-2 .blog-content h4 { font-size: 22px; }
.blog-type-2 .read-more-btn { margin-top: auto; }


.light-theme #modal_news .modal-content { background: #fff; }
.light-theme .blog-share-links li a { color: #fff; }
.blog-single-content { position: relative; }
.modal-close-btn { position: absolute; right: 0; top: 0; width: 60px; height: 60px; font-size: 15px; line-height: 60px; background: var(--slim); color: #fff; font-weight: 500; border: none !important; }
#modal_news .modal-content {background: #000;border: none;border-radius: 0;}
.blog-single-thumb { overflow: hidden; margin-bottom: 30px; padding: 20px; padding-bottom: 0; }
.blog-single-thumb>img { width: 100%; height: auto; object-fit: cover; }
.blog-single-title { padding: 0 20px; }
.blog-single-title h6 { font-family: 'Work Sans'; color: var(--slim); font-size: 18px; line-height: 20px; margin-bottom: 14px; }
.blog-single-title h3 { font-size: 33px; line-height: 44px; margin-bottom: 0; }
.blog-single-text { padding: 30px 20px; }
.blog-share { padding: 15px 20px; background: var(--slim); color: #000; }
.blog-share-links { display: flex; justify-content: center; }
.blog-share-links li { margin: 0 10px; }
.blog-share-links li a { font-size: 20px; padding: 0 5px; }
.blog-share-links li a:hover { transform: scale(.9); color: var(--black); }


/* ================= Contact start ================= */
.contact-container { position: relative; }
.contact-container::before {content: '';position: absolute;width: 100%;top: 50%;transform: translateY(-50%);height: calc(100% - 120px);background: #111;z-index: -1;}
.contact-form-outer {width: 100%;padding: 50px;background: #000;position: relative;z-index: 1;}
.contact-form-outer::before {content: '';background-image: url(../images/contact-bg.jpg);background-size: cover;width: 100%;height: 100%;top: 0;left: 0;position: absolute;z-index: -1;}
.contact-form-outer::after { content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: -1; background: #000; opacity: .6; }
.contact-form .form-group + .form-group { margin-top: 25px; }
.contact-form textarea.form-control{height: 160px; resize: none;}
.contact-form .form-control:valid{color: #ddd;}
.contact-form .form-group label.error { font-size: 10px; color: var(--primary); padding-left: 20px; line-height: 14px; margin-top: 8px; }
.contact-form .form-control:focus {border-bottom: 1px solid #ddd !important;box-shadow: none;}
.contact-detail-outer {width: 100%;padding: 80px 0;padding-left: 50px;z-index: 1;}
.contact-detail-outer h3 { font-size: 33px; line-height: 40px; margin-bottom: 24px; color: var(--slim); }
.contact-detail-box { padding-left: 46px; position: relative; }
.cd-icon { width: 22px; position: absolute; left: 0; top: 0; }
.cd-icon img { width: 100%; height: auto; object-fit: contain; }
.contact-detail-box + .contact-detail-box { margin-top: 20px; }
.contact-detail-box span {display: block;font-size: 16px;line-height: 22px;font-weight: 400;}
.contact-detail-box address{font-size: 16px;line-height: 24px;font-weight: 500;}
.contact-detail-box span a { font-weight: 500; }

.form-group1 .form-control {
    border: 0 !important;
    background: #494949;
    margin-bottom: 14px;
}

.form-group1 .form-control:focus {
    border: 1px solid #ffff;
}

.form-group1 .form-control:focus, .form-group1 .form-control:focus {border: 1px solid #87762e !important;box-shadow: 0 0 5px #d5b981;}
/* ================= partner  Start ================= */
.content-container.partner-container { padding: 50px 0; }
.partner-item { padding: 15px; }
.partner-logo { height: 38px; text-align: center; overflow: hidden; }
.partner-logo>img {object-fit: contain;width: auto;height: 100%;transition: all .3s ease-in;}
.partner-logo:hover>img { transform: scale(.9); }

/* ================= Go to top  Start ================= */
.go-top {width: 36px;height: 36px;background-color: var(--slim);box-shadow: 0 0 5px rgba(0, 0, 0, .3);padding: 6px;position: fixed;right: 40px;bottom: 60px;display: flex;align-items: center;justify-content: center;z-index: 99; transition: all .3s ease-in;}
.go-top> img {width: 16px;transform: rotate(180deg);}

/* ================= Gallery  Start ================= */
body.mfp-zoom-out-cur { overflow: hidden;}
.gallery-list {width: calc(100% + 4px);margin-left: -2px;display: flex;flex-wrap: wrap;}
.gallery-item {width: 14.285714285714286%;padding: 2px;margin-bottom: 4px;overflow: hidden;}
.gallery-img { width: 100%; padding-bottom: 100%; position: relative; display: block; }
.gallery-img>img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .3s ease-in;}
.gallery-img>span { position: absolute; width: 20px; height: 20px; background: #fff; font-size: 10px; text-align: center; line-height: 20px; top: 50%; color: var(--black) !important; LEFT: 50%; transform: translate(-50%, -50%) scale(0); transition: all .2s ease-in; }
.gallery-img:hover>span { transform: translate(-50%, -50%) scale(1); }


.gallery-img-1 {
    overflow: hidden;
}
.mfp-arrow-left { left: 25px !important; }
.mfp-arrow-right { right: 25px !important; }
.mfp-gallery .mfp-image-holder .mfp-figure .mfp-close {position: absolute;width: 50px;height: 50px;text-align: center;background: transparent;padding: 0;border-radius: 50%;color: #ddd;opacity: 1;}


/* ================= footer  Start ================= */
#footer {background: #111;color: #ddd;}
.footer-upper { padding: 60px 0; font-size: 16px; line-height: 22px; }
.footer-logo {max-width: 140px;margin-bottom: 10px;}
.footer-logo img { width: 100%; object-fit: contain; }
.footer-social-links > li + li { margin-left: 15px; }
.footer-social-links > li > a { font-size: 16px; }
.footer-box h4 {font-size: 20px;color: #fff;margin-bottom: 18px;font-weight: 500;}
.footer-box { padding-top: 14px; }
.footer-box.map iframe {
    padding: 5px;
    background: #747474;
}
.footer-box p:not(:last-child) { margin-bottom: 14px; }
.opening-time { font-size: 14px; }
.opening-time li + li { margin-top: 10px; }
.newsletter-box .form-group .btn { margin-top: 16px; width: 100%; }
.newsletter-box .form-group .form-control { border: none !important; border-bottom: 1px solid #ddd !important; padding: 12px 0;}
.footer-lower { padding: 30px 0; border-top: 1px solid rgba(221, 221, 221, .3); font-size: 14px; }
.footer-list { justify-content: flex-end; font-size: 12px; font-weight: 500; }
.footer-list li + li::before { content: "|"; margin: 0 17px; }
/**  ========== Footer light ========== **/


/* ================= Light-Theme Start ================= */
body.light-theme { background-color: #fff; color: var(--black) }

.light-theme .navbar-collapse, .light-theme .navbar-collapse.collapsing { background: #fff; }
.light-theme .gray-bg { background-color: var(--gray); }
.light-theme #header { background: #fff; }
.light-theme .navbar-brand { filter: brightness(0); }
.light-theme .navbar-expand-xl .navbar-nav .nav-link { color: var(--black); }
.light-theme .navbar-expand-xl .navbar-nav .nav-item:hover .nav-link, .light-theme .navbar-expand-xl .navbar-nav .nav-item .nav-link.active { color: var(--slim-dark); }
.light-theme .service-img, .light-theme .service-img>img { border-radius: 0; }
.ob-scaling .ob-content { width: 100%; height: 100%; transform: scale(1.2); display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; background-color: rgba(0, 0, 0, .5); opacity: 0; }
.ob-scaling .ob-img-box:hover .ob-content { transform: scale(1); opacity: 1; }

.light-theme .content-container.testimonials-container::before, .light-theme .content-container.block-container::before { display: none; }
.light-theme .block-text-content { color: var(--black); }
.light-theme .dark-bg { background-color: var(--gray); }
.light-theme .block-text-content blockquote { color: var(--black); }
.light-theme .block-text-content blockquote { }
.light-theme .block-text-content > .block-quote-by > span { color: var(--slim-dark); }
.light-theme .ba-img-right { display: none; }
.light-theme .content-container.book-apointment-container { background: #fff; color: var(--black); }
.light-theme .form-control { border-color: var(--black) !important; color: var(--black) !important; }
.light-theme .form-control::placeholder { color: var(--black) !important; }

.light-theme .contact-container::before { background: var(--gray); }
.light-theme .form-group1-outer::before, .light-theme .contact-form-outer::after { display: none; }
.light-theme .contact-form-outer { box-shadow: 0 0 31px rgba(0, 0, 0, .1); background: #fff; }

.light-theme #footer { background: #fff; color: var(--black); }
.light-theme .footer-logo { filter: brightness(0); }
.light-theme .footer-box h4 { color: var(--black); }
.light-theme .newsletter-box .form-group .form-control { color: var(--black) !important; border-bottom-color: var(--black) !important; }
.light-theme .newsletter-box .form-group .form-control::placeholder { color: var(--black) !important; }
.light-theme .footer-lower {border-top-color: rgba(33, 33, 38, .1); background-color: var(--gray);}
.light-theme .footer-upper {border-top: 1px solid  rgba(33, 33, 38, .1);}
.light-theme .hs-list > .hs-item .hs-box { background: #f7f7f7; box-shadow: none; }
.light-theme .gray-bg .hs-list > .hs-item .hs-box { background: #fff; }

.light-theme .package-details-single li { background: #fff; }
.light-theme .blog-box { background: #fff; }

.light-theme .slick-dots li button { background: var(--black); }
.light-theme .white-dots .slick-dots li button{background-color: #ddd;}

/* ================= Light-Theme End ================= */



/* ================= Modal Start ================= */
.modal.video-modal{z-index: 99999;}
.video-modal .modal-dialog {max-width: 800px;}
.video-modal .modal-body {padding: 0;border: none;}
.video-modal .modal-body .btn-close { position: absolute; right: 0px; top: -40px; padding: 0; width: 34px; height: 34px; background-image: none; opacity: 1; }
.video-modal .modal-body .btn-close img { width: 28px; }
.iframe-video-box {position: relative;padding-bottom: 52.9%;}
.iframe-video-box video {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;border-radius: 4px;}
.modal-backdrop.show { opacity: .5; z-index: 9999; }
/* ================= Modal End ================= */

/* ========================================== 
! Large devices (desktops, more than 1200px)
=========================================== */
@media (max-width: 1299.98px){
    .blog-list{padding-bottom: 40px !important;}
}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width: 1199.98px){
body{padding-top: 80px;} 
.navbar{padding:0px;width: 100%; height: 80px;}  
.navbar-toggler{width: 54px;height: 40px;height: 60px;border-radius: 0;cursor: pointer;text-decoration: none;padding: 0;border: 0;background: transparent;margin: 0;position: absolute;right: 14px;top: 50%;z-index: 999;transform: translateY(-50%);}
.navbar-default .navbar-toggler:hover,.navbar-default .navbar-toggler:focus {background: transparent;}
.navbar-toggler:not([class="collapsed"]),.navbar-toggler:not([class="collapsed"]):focus,.navbar-toggler:not([class="collapsed"]):hover {background: transparent; box-shadow: none;}
.navbar-toggler.collapsed,.navbar-toggler.collapsed:focus,.navbar-toggler.collapsed:hover {background: transparent;}
.home .navbar-toggler.collapsed,.home .navbar-toggler.collapsed:focus,.home .navbar-toggler.collapsed:hover {background: transparent;}
.navbar-toggler .navbar-toggler-icon {position: relative;display: inline-block;width: 30px;height: 4px;color: #243238;text-indent: -55px;margin-top: 0;background: transparent!important;transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;vertical-align: middle;border-radius: 2px;}
.navbar-toggler .navbar-toggler-icon:before,.navbar-toggler .navbar-toggler-icon:after {content: '';width: 30px;height: 4px;position: absolute;left: 0;transition: all .2s ease-out;border-radius: 2px;background: var(--slim);}
.navbar-toggler.collapsed .navbar-toggler-icon {background: var(--slim) !important;}
.navbar-toggler.collapsed .navbar-toggler-icon:before,.navbar-toggler.collapsed .navbar-toggler-icon:after {background: var(--slim);}
.navbar-toggler.collapsed .navbar-toggler-icon:before {top: -10px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.navbar-toggler.collapsed .navbar-toggler-icon:after {bottom: -10px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
.header-right{position: relative;z-index: 999;margin-right: 60px;}
.navbar-collapse, .navbar-collapse.collapsing{position:fixed;top: 80px;left: -100%;background: var(--black);padding: 0;z-index: 99;margin:0;border:0;overflow-y:auto;opacity: 0;bottom: 0;width: 100%;height: calc(100vh - 80px);display: block !important;transition: all .3s cubic-bezier(0.77,0.2,0.05,1.0);}
.navbar .collapse.show{left: 0;opacity: 1;}
.navbar-inside{height: calc(100vh - 80px);padding: 20px 24px;display: flex;flex-flow: column;border-top: solid 1px rgb(221 221 221 / 50%);}
.navbar-expand-xl .navbar-nav .nav-item{padding: 0;margin: 0;border-bottom: solid 1px rgb(221 221 221 / 50%);}
.navbar-expand-xl .navbar-nav .nav-link{font-size: 16px;line-height: 30px;padding: 15px 0;position:relative;}
.navbar-nav.sm-collapsible .sub-arrow{border:0;margin: 0;width: auto;font-size: 30px;line-height: 60px;top: 0;height: 60px;color: var(--slim);width: 40px;}
.dropdown-menu{background:transparent;border:0;padding: 0;margin: 0 0 20px 0;}
.dropdown-item {padding: 7px 20px 7px 20px;text-transform: uppercase;font-size: 14px;line-height: 18px;}
.dropdown-item:focus, .dropdown-item:hover{color: #f00;background:transparent;}

.content-container{padding: 60px 0;}
.heading { margin-bottom: 40px; }
.heading h3 { font-size: 36px; line-height: 44px; }
.heading-icon { width: 64px; }
.hero-slide-content h6 { font-size: 18px; line-height: 26px; }
.hero-slide-content h1, .hero-slide-content h2 { font-size: 46px; line-height: 50px; }
.hero-arrow { width: 40px; height: 40px; line-height: 20px; }
.home-about-text h6 { font-size: 20px; line-height: 27px; margin-bottom: 16px; }
.home-about-text h2 { font-size: 44px; line-height: 50px; }
.block-text-content h3 { font-size: 36px; line-height: 46px; }
.package-title { font-size: 24PX; line-height: 26px; padding: 16px 20px; }
.blog-content { padding: 24px 20px; }
.contact-detail-outer { padding-left: 0; }
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
  .ob-list .ob-item, .service-list > .service-item { width: 50%; }
  .hero-slide-content h1, .hero-slide-content h2 { font-size: 40px; line-height: 44px; }
  .hero-slide-content h1 br, .hero-slide-content h2 br { display: none; }
  .home-about-text::before { left: -15px; }
  .home-about-text h6 { font-size: 18px; line-height: 24px; }
  .home-about-text h2 { font-size: 36px; line-height: 44px; }
  .ba-form-content { padding-left: 0; }
  .block-text-content h3 { font-size: 30px; line-height: 40px; }
  .block-text-content h3 br { display: none; }
  .heading h3 { font-size: 30px; line-height: 40px; }
  .contact-container::before { height: calc(100% - 60px); }
  .contact-detail-outer h3 { font-size: 27px; line-height: 33px; }
  .contact-detail-box { padding-left: 33px; }
  .contact-detail-box address { font-size: 16px; line-height: 21px; }
    .hs-list > .hs-item { width: 50%; }
  .footer-intro { margin-bottom: 30px; }
  .footer-list{margin-top: 10px;}
  .gallery-item { width: 25%;}
}
/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width:767.98px) {
  #main{overflow: hidden;}
  .navbar-brand {width: 100px;min-width: 100px;margin-top: 5px;}
  .home-about-img-group { margin-top: 40px; }
  .heading-icon::before, .heading-icon::after {width: calc(50vw - 54px);}
  .heading-icon { width: 55px; padding: 0 6px; }
  .hero-slide{min-height: 350px; height: 70vh;}
  .hero-slide-content h6 {font-size: 16px;line-height: 22px;margin-bottom: 10px;}
  .hero-slide-content h1, .hero-slide-content h2 {font-size: 28px;line-height: 36px;margin-bottom: 10px;}
  .hero-slide-content { margin-bottom: 40px; }
  .hero-arrow { width: 33px; height: 33px; line-height: 20px; padding: 3px; }
  .hero-arrow.hero-prev { left: 30px; }
  .hero-arrow.hero-next { right: 30px; }
  .service-list {width: calc(100% + 30px);margin-left: -15px;}
  .service-list > .service-item { padding: 10px;}
  .service-text h4 { font-size: 18px; line-height: 22px; margin-bottom: 10px; }
  .service-text { font-size: 14px; line-height: 20px; }
  .home-about-video{margin-top: 40px;}
  .home-about-text h6 { font-size: 16px; line-height: 20px; }
  .home-about-text h2 { font-size: 27px; line-height: 33px; margin-bottom: 20px; }
  .gallery-item { width: 33.33%;}
  .hs-list > .hs-item { width: 100%; }
  .play-icon { width: 40px; height: 40px; }
  .play-icon img { width: 13px; }
  .blog-type-2 .blog-thumb { width: 100%; }
  .blog-type-2 .blog-content { width: 100%; }
  .blog-type-2 .blog-item { height: auto; }
  .blog-type-2 .slick-track { display: flex; }
  .blog-type-2 .blog-box { height: 100%; }
  .heading h3 { font-size: 24px; line-height: 33px; }
  .heading h5 { font-size: 14px; line-height: 18px; }
  .ba-img-left { display: none; }
  .blog-list .slick-list { width: calc(100% + 20px); margin-left: -10px; }
  .form-control { height: 44px; line-height: 44px !important; }
  .ba-form-content { padding-bottom: 0; }
  .ob-list .ob-item { width: 100%; }
  .block-text-content h3 { font-size: 27px; line-height: 36px; }
  .package-title { font-size: 20px; line-height: 25px; padding: 12px 20px; }
  .package-details-single li { padding: 16px; font-size: 14px; line-height: 20px; }
  .package-details-single li h4 { font-size: 16px; }
  .package-details-single li h4 span { font-size: 18px; }
  .package-single { margin-bottom: 30px; }
  .block-text-content blockquote {font-size: 20px;line-height: 28px;font-weight: 300;}
  .heading h3 br { display: none; }
  .contact-form-outer { padding: 30px 24px; }
  .contact-form textarea.form-control { height: 120px; }
  .footer-logo {max-width: 100px;}
  .footer-box { padding-top: inherit; margin-top: 40px; margin-bottom: 0; }
  .footer-intro { margin-bottom: 0; }
  .partner-list { width: calc(100% + 30px); margin-left: -15px; }
  .partner-item { padding: 11px; }
  .content-container { padding: 44px 0; }
  .content-container.hero-classic-container{min-height: 50vh;}
  .footer-upper { padding: 40px 0; }
  .footer-lower { padding: 20px 0; }
  .footer-list li + li::before { margin: 0 10px; }
  .modal-close-btn { width: 50px; height: 50px; font-size: 13px; line-height: 40px; }
  .blog-single-title h3 { font-size: 27px; line-height: 34px; }
  .blog-share { padding: 12px 20px; }
  .blog-share-links li a { font-size: 18px; padding: 0 3px; }
  .go-top { right: 28px; bottom: 28px; }
  .content-container.hero-inner-classic-container{min-height: 35vh;}
}
/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width: 575.98px){
  .btn{min-width: 100% !important; width: 100%;}
  .gallery-item { width: 50%;}
}