@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
html{height: 100%;}
body {min-height: 100%;padding: 0;margin: 0;padding-bottom: 44px;padding-top: 54px;;font-family: 'Poppins', sans-serif;font-size: 14px;line-height: 25px;color: #000;position: relative;text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;-moz-osx-font-smoothing: grayscale;background-color: #060E1C;}
h1, h2, h3, h4, h5, h6, p, ul { padding: 0; margin: 0; }
li {list-style: none;}
/* img {border: 0;max-width: 100%;width: 100%;height: 100%;object-fit: cover;object-position: center center;} */
*:hover, *:focus, *:active {-webkit-transition: all ease-out 0.3s;-moz-transition: all ease-out 0.3s;-o-transition: all ease-out 0.3s;transition: all ease-out 0.3s;}
*:focus {box-shadow: none !important;}
a {outline: none !important;text-decoration: none;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;color: #000;}
a:hover, a:focus, a:active { text-decoration: none;color: #FDC300 !important;}
a, input, button, textarea, a:focus, select:focus { outline: none; }
a:hover, a:focus, select:focus, button:focus { outline: none; text-decoration: none; }
a:hover, a:focus {color: #252525;}
button, input, textarea {outline: none;-webkit-appearance: none;-moz-appearance: none;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
button{cursor: pointer;}

.form-control::-webkit-input-placeholder {color: rgb(0 0 0 / 28%);}
.form-control:-ms-input-placeholder {color: rgb(0 0 0 / 28%);}
.form-control::placeholder{color: rgb(0 0 0 / 28%);}


h2{font-size: 36px;font-weight: 600;letter-spacing: 0.28px;color: #000000;margin-bottom: 25px;}
h3{font-size: 24px;font-weight: 500;letter-spacing: 0.19px;color: #fff;}
h5{font-size: 18px;font-weight: 600;line-height: 30px;margin-bottom: 10px;}
.dropdown-menu {font-size: 14px;-webkit-animation-name: slideIn;animation-name: slideIn;top: 100% !important;animation-duration: 0.3s;-webkit-animation-duration: 0.3s;animation-fill-mode: both;-webkit-animation-fill-mode: both;}
@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

/* header */
header{position: absolute;left: 0;right: 0;top: 0;z-index: 99;background: #000;}
header .navbar-brand{padding: 0;margin-left: 15px;}
header .navbar-brand img{width: 280px;margin-left: -10px;}
header .navbar{padding: 0;}
header .navbar-collapse .nav-item{margin: 0 20px;}
header .navbar-expand-lg .navbar-nav .nav-link{font-weight: 500 !important;color: #fff !important;padding: 0 !important;padding: 15px 0 !important;}
header .navbar-collapse .nav-link:hover, header .navbar-collapse .nav-link.active, header .navbar-collapse .nav-link:focus, header .navbar-collapse .nav-link:active{color: #efb12e !important;}
header.fixed-header{background: #282828;position: fixed !important;}
header.fixed-header .navbar{padding: 5px 0;}
header.menu-inner{background: #282828;position: relative;}
header.menu-open{background: #282828;}
header.menu-open .dropdown a.dropdown-toggle{color: #fff !important;font-weight: 600 !important;position: relative;}
header.menu-open .dropdown a.dropdown-toggle:before{content:"";background: #fff;position: absolute;bottom: -21px;left: 0;right: 0;width: 100%;height: 4px;}
header.fixed-header .dropdown a.dropdown-toggle:before{bottom: -18px;}
header .dropdown-menu{padding: 0;margin: 0;top: 99%;}
header .dropdown-menu .dropdown-inner{display: flex;flex-wrap: wrap;width: 100%;padding: 40px 55px 0;}
header .dropdown-menu .submenu-block{width: 25%;border-right: 1px solid #D8D8D8;padding: 0 20px;margin-bottom: 40px;}
header .dropdown-menu .submenu-block:nth-child(3n+4){border-right:0;}
header .dropdown-menu .submenu-block h5{margin-bottom: 20px;} 
header .dropdown-menu .submenu-block ul li a{white-space: normal;padding: 0;color: #000;margin-bottom: 8px;line-height: 21px;font-size: 14px;font-weight: 400;background: transparent;}
header .dropdown-menu .submenu-block ul li a:hover, header .dropdown-menu .submenu-block ul li a:active, header .dropdown-menu .submenu-block ul li a:focus{color: #FDC300;}
header .dropdown a::after{display: none;}
header .userimg{width: 25px;background: #fff;border-radius: 50%;height: 25px;display: flex;align-items: center;justify-content: center;margin-right: 8px;}
header .userimg img{width: 20px;}
header .search-box {height: 55px;position: absolute;right: 0;top: 0;}
header .search-box .input {position: absolute;top: 0;right: 0;box-sizing: border-box;width: 0px;height: 100%;padding: 0 15px;outline: none;font-size: 16px;color: #29313a;transition: all 0.5s ease;border: none;background: #eee;}
header .search-box .input::-webkit-input-placeholder {color: #000;}
header .search-box .input::-moz-placeholder {color: #000;}
header .search-box .input:-ms-input-placeholder {color: #000;}
header .search-box .input:-moz-placeholder {color: #000;}
header .search-box .btn {position: absolute;width: 60px;height: 100%;background: #efb12e;border-radius: 0;right: 0;top: 0;text-align: center;   color: #fff;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;font-size: 18px;}
header .search-box .input.active {width: 480px;right: 60px;}
header .dropdown .fa{display: flex;align-items: center;font-size: 18px;}
header .nav-menu-right{display: flex;justify-content: flex-end;align-items: center;width: 100%;}
header .nav-menu-right .navbar-nav{padding-right: 60px;}
header .navbar-nav .dropdown-menu{overflow: hidden;}
.username{max-width: 150px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}



/* footer */
footer{background-color: #F4F4F4;padding: 15px;position: absolute;bottom: 0;width: 100%;background: #000;}
footer .footer-logo{width: 180px;display: block;}
footer p{margin: 10px 0 20px;}
footer .col-md-4:nth-child(2){display: flex;}
footer .col-md-4:nth-child(2) .footer-link:first-child{margin-right: 100px;}
footer ul li{margin-bottom: 10px;}
footer ul li a{color: #000000;}
footer ul li a:hover, footer ul li a:active, footer ul li a:focus, footer .footer-bottom h6 a:hover, footer .footer-bottom h6 a:active, footer .footer-bottom h6 a:focus{color: #FDC300;}
footer .footer-bottom{display: flex;justify-content: center;}
footer .footer-bottom h6{color: #fff;font-size: 12px;line-height: 14px;margin-right: 25px;}
footer .footer-bottom h6 a{color: #fff;margin: 0 5px;}

/* Home slider */
.home-slider .slide{height: 445px;max-height: 468px;position: relative;transition: 1s;}
.home-slider .slide .slide__img {width: 100%;height: 100%;overflow: hidden;}
 /* .slide .slide__img {position: absolute;top: 50%;left: 0;transform: translateY(-50%);} */
 .slide .slide__img {position: absolute;left: 0;}
.home-slider .slide:before {content: "";background-color: rgb(0 0 0 / 25%);position: absolute;width: 100%;height: calc(100% + 8px);left: 0;top: 0;z-index: 9;}
.home-slider  .slide .slide__img img {max-width: 100%;height: auto;opacity: 1 !important;-webkit-animation-duration: 3s;animation-duration: 3s;transition: all 1s ease;}
.home-slider .slide__content {z-index:9;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.home-slider  .slide__content.slide__content__left {left: 15%;transform: translate(-15%, -50%);}
.home-slider .slide__content.slide__content__right {right: 15%;left: auto;  transform: translate(5%, -50%);}
.home-slider  .slide__content--headings {color: #fff;}
.home-slider .slide__content--headings h2 {font-size: 4.5rem;margin: 10px 0;}
.home-slider  .slide__content--headings .animated {transition: all 0.5s ease;}
.home-slider  .slide__content--headings .top-title {font-size: 25px;line-height:34px}
.home-slider  .slide__content--headings .title {text-transform: uppercase;line-height: 36px;font-size: 30px;color: #fff;font-weight:600}
.home-slider .slide__content--headings .button-custom {text-decoration: none;color: #333;padding: 1.2rem 2.5rem;font-size: 1.5rem;}
.home-slider  [data-animation-in] {opacity: 0;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;transition: opacity 0.5s ease 0.3s;transition: 1s;}
.home-slider  .slick-dotted .slick-slider {margin-bottom: 30px;}
.home-slider .slick-dots {position: absolute;bottom: 25px;list-style: none;display: block;text-align: center;padding: 0;margin: 0;width: 100%;}
.home-slider .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.simple-dots .slick-dots li {
  width: 20px;
  height: 20px;
}
.simple-dots .slick-dots li button {
  border-radius: 50%;
  background-color: white;
  opacity: 0.25;
  width: 20px;
  height: 20px;
}
.simple-dots .slick-dots li button:hover, .simple-dots .slick-dots li button:focus {
  opacity: 1;
}
.simple-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}

.stick-dots .slick-dots li {
  height: 3px;
  width: 30px;
}
.stick-dots .slick-dots li.slick-active{width: 50px;} 
.stick-dots .slick-dots li button {
  position: relative;
  background-color: white;
  opacity: 0.25;
  width: 30px;
  height: 3px;
  padding: 0;
}
.stick-dots .slick-dots li button:hover, .stick-dots .slick-dots li button:focus {
  opacity: 1;
}
.stick-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
  width: 50px;
}
.stick-dots .slick-dots li.slick-active button:hover, .stick-dots .slick-dots li.slick-active button:focus {
  opacity: 1;
}

/* /////////// IMAGE ZOOM /////////// */
@-webkit-keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
}
@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
}
.zoomInImage {
  -webkit-animation-name: zoomInImage;
          animation-name: zoomInImage;
}

@-webkit-keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
  to {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
}

@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
  to {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
}
.zoomOutImage {
  -webkit-animation-name: zoomOutImage;
          animation-name: zoomOutImage;
  transition: 1s;
}

.slick-nav {
  --active: #fff;
  --border: rgba(255, 255, 255, 0.12);
  width: 44px;
  height: 44px;
  position: absolute;
  cursor: pointer;
  top: calc(50% - 44px);
}
.slick-nav.prev-arrow {
  left: 3%;
  transform: scaleX(-1);
  z-index: 999;
}
.slick-nav.next-arrow {
  left: auto;
  right: 3%;
}
.home-slider .slick-nav i {
  display: block;
  position: absolute;
  margin: -10px 0 0 -10px;
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
}
.home-slider .slick-nav i:before,.home-slider .slick-nav i:after {
  content: "";
  width: 10px;
  height: 2px;
  border-radius: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: var(--active);
  margin: -1px 0 0 -5px;
  display: block;
  transform-origin: 9px 50%;
}
.home-slider .slick-nav i:before {
  transform: rotate(-40deg);
}
.home-slider .slick-nav i:after {
  transform: rotate(40deg);
}
.home-slider .slick-nav:before, .home-slider .slick-nav:after {
  content: "";
  display: block;
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  border-radius: 50%;
  border: 2px solid var(--border);
}
.slick-nav svg {
  width: 44px;
  height: 44px;
  display: block;
  position: relative;
  z-index: 1;
  color: var(--active);
  stroke-width: 2px;
  stroke-dashoffset: 126;
  stroke-dasharray: 126 126 0;
  transform: rotate(0deg);
}
.slick-nav.animate svg {
  -webkit-animation: stroke 1s ease forwards 0.3s;
          animation: stroke 1s ease forwards 0.3s;
}
.slick-nav.animate i {
  -webkit-animation: arrow 1.6s ease forwards;
          animation: arrow 1.6s ease forwards;
}
.slick-nav.animate i:before {
  -webkit-animation: arrowUp 1.6s ease forwards;
          animation: arrowUp 1.6s ease forwards;
}
.slick-nav.animate i:after {
  -webkit-animation: arrowDown 1.6s ease forwards;
          animation: arrowDown 1.6s ease forwards;
}

@-webkit-keyframes stroke {
  52% {
    transform: rotate(-180deg);
    stroke-dashoffset: 0;
  }
  52.1% {
    transform: rotate(-360deg);
    stroke-dashoffset: 0;
  }
  100% {
    transform: rotate(-180deg);
    stroke-dashoffset: 126;
  }
}

@keyframes stroke {
  52% {
    transform: rotate(-180deg);
    stroke-dashoffset: 0;
  }
  52.1% {
    transform: rotate(-360deg);
    stroke-dashoffset: 0;
  }
  100% {
    transform: rotate(-180deg);
    stroke-dashoffset: 126;
  }
}
@-webkit-keyframes arrow {
  0%, 100% {
    transform: translateX(0);
    opacity: 1;
  }
  23% {
    transform: translateX(17px);
    opacity: 1;
  }
  24%, 80% {
    transform: translateX(-22px);
    opacity: 0;
  }
  81% {
    opacity: 1;
    transform: translateX(-22px);
  }
}
@keyframes arrow {
  0%, 100% {
    transform: translateX(0);
    opacity: 1;
  }
  23% {
    transform: translateX(17px);
    opacity: 1;
  }
  24%, 80% {
    transform: translateX(-22px);
    opacity: 0;
  }
  81% {
    opacity: 1;
    transform: translateX(-22px);
  }
}
@-webkit-keyframes arrowUp {
  0%, 100% {
    transform: rotate(-40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@keyframes arrowUp {
  0%, 100% {
    transform: rotate(-40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@-webkit-keyframes arrowDown {
  0%, 100% {
    transform: rotate(40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@keyframes arrowDown {
  0%, 100% {
    transform: rotate(40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}

/*treding slider*/
.home-carousel{padding: 30px 15px 0;}
.title{text-align: center;margin: 0;font-size: 22px;font-weight: 500;color: #fff;}
.catagory-img img{height: 220px;object-fit: cover;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;}
.home-carousel .slick-slide{margin: 0 5px;}
.home-carousel .slick-nav{color: #000;background-color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 22px;font-weight: 600;box-shadow: -2px 5px 7px rgb(0 0 0 / 14%);}
.home-carousel .slick-nav:hover{background-color: #efb12e;border:none;color: #fff;}
.catagory-block{color: #fff;border-radius: 2px;overflow: hidden;}
.catagory-img {overflow: hidden;}
.catagory-block:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
.home-carousel .slick-nav.next-arrow{right: -10px;}
.home-carousel .slick-nav.prev-arrow{left: -10px;transform:none}
.catagory-text marquee{display: flex;}
.catagory-text h6{font-weight: 600;}
.catagory-text p{color: #6c6c6c;font-size: 12px;}
.catagory-text{padding:10px 0;max-height: 50px;min-height: 50px;width: 85px;}
.viewmore{display: flex;align-items: center;justify-content: flex-end;font-size: 12px;color: #efb12e;font-weight: 600;}
.viewmore i{font-weight: 600;margin-left: 5px;font-size: 15px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.viewmore:hover{color: #efb12e;}
.viewmore:hover i{transform:translateX(5px);color: #efb12e;}
.carousel-title{margin-bottom: 20px;}

/*list*/
.list .row{margin-left: -5px;margin-right: -5px;}
.list .row [class^='col-']{padding-left: 5px;padding-right: 5px;}
.list .carousel-title,.list-detail .carousel-title {margin: 0;padding: 20px 15px;}
.list .catagory-block{margin-bottom: 5px;}
.list .catagory-img img{width: 170px;height: 220px;}

/*list detail*/
.list-detail{color: #fff;padding: 20px 0 0;}
.list-detail .title{margin-bottom: 10px;}
.list-detail .breadcrumb{background: transparent;padding: 0;margin: 0;}
.list-detail .breadcrumb li{font-size: 12px;}
.list-detail .breadcrumb a{color: #ddd;}
.list-detail .btn,.custom-btn{background: #efb12e;border:2px solid #efb12e;min-width: 120px;color: #fff;font-size: 14px;font-weight: 500;}
.list-detail .btn:hover,.list-detail .btn-border,.custom-btn:hover{background: transparent;color: #efb12e;}
.list-detail .btn-border:hover{background: #efb12e;color: #fff;}
.list-detail .content {height: 80px;overflow: hidden;display: block !important;}
.list-detail .content.show{height: 100% ;}
.list-detail .collapse-box button{background: transparent;padding: 0;border: none;color: #efb12e;}
.list-detail .collapse-box button:before{content: "Read Less";}
.list-detail .collapse-box button.collapsed:before{content: "Read More";}
.list-detail ul.content-list{margin-bottom: 15px;}
.list-detail ul.content-list li a{color: #efb12e;}
.detail-img img{max-height: 330px;object-fit: cover;}
.carousel-tab  .tab-content>.tab-pane{padding: 0;background: transparent;}
.carousel-tab .card-body{padding: 0;color: #fff;}
.home-carousel .slick-list{margin-left: -5px;}
.home-carousel .nav-tabs {border-bottom: 1px solid rgb(80 80 80 / 40%);margin-bottom: 15px;}
.home-carousel .nav-tabs .nav-link{color: #fff;border: none;}
.home-carousel .nav-tabs .nav-item.show .nav-link,.home-carousel .nav-tabs .nav-link.active,.home-carousel .nav-tabs .nav-link.active:focus,.home-carousel .nav-tabs .nav-link.active:hover {background-color: #efb12e;border-color: transparent;color: #fff !important;}

/*register*/
.form-control{font-size: 14px;}
.form-control:focus{border-color: #efb12e;}
.form-group label{margin-bottom: 0;}
.common-layout {padding: 15px;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.common-box{background-color: #f3f3f3; border-top-left-radius: 65px;border-bottom-right-radius: 65px;width: 330px;padding: 30px 20px 15px;}
.common-box h2{font-size: 25px;margin-bottom: 15px;}
.common-box .log-link{margin-top: 10px;font-size: 12px;}
.common-box .log-link a{color: #efb12e;}
.common-box .log-link a:hover{text-decoration: underline;}
.common-box .form-group{margin-bottom: 10px;}
.login-layout{ height: calc(100vh - 98px);}
.login-layout .form-group{margin-bottom: 15px;}

.my-profile{padding: 40px;}
.my-profile,.my-profile h2 {color: #fff;}
.my-profile h2{font-size: 22px;}