/* oxygen-300 - latin-ext_latin */
@font-face {
  font-family: 'Menufont';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/oxygen-v15-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/oxygen-v15-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/oxygen-v15-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/oxygen-v15-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/oxygen-v15-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/oxygen-v15-latin-ext_latin-300.svg#Oxygen') format('svg'); /* Legacy iOS */
}

/* oxygen-regular - latin-ext_latin */
@font-face {
  font-family: 'Menufont';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/oxygen-v15-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/oxygen-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/oxygen-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/oxygen-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/oxygen-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/oxygen-v15-latin-ext_latin-regular.svg#Oxygen') format('svg'); /* Legacy iOS */
}

/* oxygen-700 - latin-ext_latin */
@font-face {
  font-family: 'Menufont';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/oxygen-v15-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/oxygen-v15-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/oxygen-v15-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/oxygen-v15-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/oxygen-v15-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/oxygen-v15-latin-ext_latin-700.svg#Oxygen') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'HeadingFont';
  src: url('/assets/fonts/Sansation_Regular.ttf') format('truetype');
}
/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Textfont';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/open-sans-v34-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/open-sans-v34-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v34-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v34-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v34-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v34-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Textfont';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/open-sans-v34-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/open-sans-v34-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v34-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v34-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v34-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v34-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin-ext_latin */
@font-face {
  font-family: 'Textfont';
  font-style: italic;
  font-weight: 400;
  src: url('/assets/fonts/open-sans-v34-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/open-sans-v34-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v34-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v34-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v34-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v34-latin-ext_latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin-ext_latin */
@font-face {
  font-family: 'Textfont';
  font-style: italic;
  font-weight: 700;
  src: url('/assets/fonts/open-sans-v34-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/open-sans-v34-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v34-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v34-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v34-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v34-latin-ext_latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* domine-regular - latin */
@font-face {
  font-family: 'Textserif';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/domine-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/domine-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/domine-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/domine-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/domine-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/domine-v19-latin-regular.svg#Domine') format('svg'); /* Legacy iOS */
}

/* domine-500 - latin */
@font-face {
  font-family: 'Textserif';
  font-style: normal;
  font-weight: 500;
  src: url('/assets/fonts/domine-v19-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/domine-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/domine-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/domine-v19-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/domine-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/domine-v19-latin-500.svg#Domine') format('svg'); /* Legacy iOS */
}

/* domine-600 - latin */
@font-face {
  font-family: 'Textserif';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/fonts/domine-v19-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/domine-v19-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/domine-v19-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/domine-v19-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/domine-v19-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/domine-v19-latin-600.svg#Domine') format('svg'); /* Legacy iOS */
}

/* domine-700 - latin */
@font-face {
  font-family: 'Textserif';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/domine-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/domine-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/domine-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/domine-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/domine-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/domine-v19-latin-700.svg#Domine') format('svg'); /* Legacy iOS */
}
body {
    font-family: 'Textfont';
    background-color: #fafafa;
    font-size: 16px;
    color: #464646;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, .h4, h5, .h5, .h5, h6, .h6, .h6 {
    font-family: 'HeadingFont';
    font-weight: 600;
    color: #93c23d;
}
.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}
.slideInLg {
    -webkit-animation-name: slideInLg;
    animation-name: slideInLg;
}
::placeholder {
  font-size: 80%;
}
@keyframes slideIn {
        0% {
            transform: translateY(1rem);
            opacity: 0;
        }

        100% {
            transform: translateY(0);
            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;
    }
}
@keyframes slideInLg {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }

    100% {
        transform: translateY(2rem);
        opacity: 1;
    }

    0% {
        transform: translateY(3rem);
        opacity: 0;
    }
}
@-webkit-keyframes slideInLg {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }

    100% {
        -webkit-transform: translateY(2rem);
        -webkit-opacity: 1;
    }

    0% {
        -webkit-transform: translateY(3rem);
        -webkit-opacity: 0;
    }
}
a {
  text-decoration: none;
}
.navbar-nav .nav-link.active {
    color: #ff8d46 !important;
}
.navbar-nav .nav-link.dropdown-item.active {
    color: #fff !important;
}
.nav-link:hover {
    color: #ff8d46 !important;
}
.nav-link:focus {
    color: #93c23d !important;
}
.nav-tabs .nav-link {
    color: #93c23d;
    background: transparent !important;
}
.nav-tabs .nav-link.active {
    color: #ff8d46;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fafafa;
}
.navbar-collapse {
    /* background-color: #2b2e2c !important; */
    background-color: #fafafa !important; 
    margin-left:0;
    margin-top: 5px;
    padding-left: 20px;
    padding-bottom: 10px;
}
.border-bottom-orange {
    border-bottom: 1px solid #ff8d46;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #93c23d;
}
.bg-sage {
  --bs-bg-opacity: 1;
  background-color: #2b2e2c !important;
}
.bg-light-sage{
    background-color: #515853 !important;
}
footer {
    min-height: 40px;
    background: #2b2e2c !important; 
    border-top: 2px solid #ff8d46;
    color: #9c9c9c;
}
footer a {
    color: #9c9c9c;
}
footer a:hover {
    color: #ff8d46;
}
#main-container {
	min-height:calc(100vh - 42px - 263px + 16px);
	margin-top: 40px !important;
    padding-top: 0 !important;
}
.showshadow {
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.2);
}
.bg-green {
    background-color: #93c23d;
}
.bg-orange {
    background-color: #ff8d46;
}
.bg-light-grey {
    background-color: #cfcfcf;
}
.border-green {
    border-color: #93c23d !important;
}
.border-green-round {
    border: 1px solid #93c23d;
    border-radius: .5rem !important; 
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}
.border-bottom-green {
    border-bottom: 1px solid #93c23d;
}
.border-orange {
    border-color: #ff8d46 !important;
}
.color-green {
    color: #92b259 !important;
}
.color-orange {
    color: #ff8d46;
}
.color-grey {
    color: #777 !important;
}
hr.color-orange {
    border-top: 1px solid #ff8d46;
}
hr.color-green {
    border-top: 1px solid #93c23d;
}
.rounded-4 {
  border-radius: .4rem !important;
}
.rounded-5 {
  border-radius: .5rem !important;
}
.rounded-6 {
    border-radius: .6rem !important;
}
.rounded-8 {
    border-radius: .8rem !important;
}
.rounded-10 {
    border-radius: 1rem !important;
}
.rounded-20 {
    border-radius: 2rem !important;
}
.rounded-30 {
    border-radius: 3rem !important;
}
.form-control {
  border: 1px solid #d1d1d1 !important;
  --bs-bg-opacity: 1;
  background-color: #fafafa !important;
  /*min-height: calc(1.5em + (1rem + 2px)); */
  border-radius: .7rem !important;
  font-family: 'Menufont';
}
.form-control-normal {
  border: 1px solid #d1d1d1 !important;
  --bs-bg-opacity: 1;
  background-color: #fafafa !important;
  font-family: 'Menufont';
}
input:focus { 
    outline: none !important;
    border: 1px solid #f8f8f8 !important;
    box-shadow: 0 .125rem .25rem rgba(73, 13, 11, 0.28) !important;
}
textarea:focus { 
    outline: none !important;
    border: 1px solid #f8f8f8 !important;
    box-shadow: 0 .125rem .25rem rgba(73,13,11,0.28) !important;
}
select:focus { 
    outline: none !important;
    border-color: #ff8d46 !important;
    box-shadow: 0 .125rem .25rem rgba(73,13,11,0.28) !important;
}
option {
    font-family: 'Textfont';
}
.form-check-input:checked {
  background-color: #93c23d;
  border-color: #93c23d;
}
.invalid {
  color: #d51c1f;
}
.invalid::before {
    position: relative;
    content: "✖ ";
}
.valid {
  color: #93c23d;
}
.valid::before {
  position: relative;
  content: "✔ ";
}
.btn-orange {
	color: white !important; 
  background-color: #ff8d46 !important;
	border-color: #ff8d46 !important;
}
.btn-orange:hover {
	color: white !important;
	background-color: #9b582e !important;
	border-color: #9b582e !important;
}
.btn-green {
	color: white !important; 
  background-color: #93c23d !important;
	border-color: #93c23d !important;
}
.btn-green:hover {
	color: white !important;
	background-color: #576f26 !important;
	border-color: #576f26 !important;
}
.select2-container {
    display: block;
    width: 100%;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.select2-container:focus-within  {
	border-color: #93c23d !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(97, 190, 30, 0.6) !important;
}
.select2-selection__rendered {
    line-height: 31px !important;
}
.select2-container .select2-selection--single {
    border: 1px solid #ced4da !important;
    border-radius: .5rem !important;
    height: 35px !important;
}
.select2-container:focus-within .select2-selection--single:focus-within {
    border: 1px solid #93c23d !important;
}
.select2-selection__arrow {
    height: 34px !important;
}
.select2-dropdown {
    border: 1px solid #93c23d !important;
    border-radius: .5rem !important;
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important;
}
.border-transparent {
    border-color: transparent !important;
}
.shadowhover:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.imgcardfixed {
    height:100px;
    object-fit: cover;
}
.card-featured {
    max-width: 216px;
    height: 200px;
    overflow-y: hidden;
    overflow-x: hidden;
}
.card-feat-body {
    height: 100px;
    overflow-y: hidden;
    overflow-x: hidden;
}
.head-front {
    color: #ff8d46 !important;
}
.imgcardnew {
    height:150px;
    object-fit: cover;
}
.card-new {
    width: 350px;
    height: 400px;
    overflow-y: hidden;
    overflow-x: hidden;
}
.card-new-body {
    height: 150px;
    overflow-y: hidden;
    overflow-x: hidden;
}
.card-new-footer {
    height: 50px;
    overflow-y: hidden;
    overflow-x: hidden;
}
.imgcardproduk {
    height:200px;
    object-fit: cover;
}
.card-produk {
    max-width: 300px;
    height: 300px;
    overflow-y: hidden;
    overflow-x: hidden;
}
.card-body-produk {
    height: 100px;
    overflow-y: hidden;
    overflow-x: hidden;
}
.imgcardgaleri {
    height:190px;
    object-fit: cover;
}
.card-galeri {
    max-width: 190px;
    height: 190px;
    overflow-y: hidden;
    overflow-x: hidden;
}
.w-5 {
    width: 5% !important;
}
.w-10 {
    width: 10% !important;
}
.w-15 {
    width: 15% !important;
}
.w-20 {
    width: 20% !important;
}
.w-30 {
    width: 30% !important;
}
.w-40 {
    width: 40% !important;
}
.w-60 {
    width: 60% !important;
}
.smaller {
  font-size: .95em;
}
.xsmall {
    font-size: .8em;
}
.xxsmall {
    font-size: .7em;
}
.fa-1-5x {
    font-size: 1.5em !important;
}
.breadcrumb {
	background: transparent;
	font-family: "MenuFont", sans-serif;
	font-size: 14px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: none;
	padding: 0px 5px;
}
.breadcrumb a {
	color: #718275 !important;
}
.breadcrumb a:hover {
	color: #93c23d !important;
}
ul.breadcrumb {
	background: transparent;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: "\25B8";
}
.breadcrumb > li + li:before {
	color: #aaa;
	line-height: 100%;
	font-size: 140%;
    content: "\25B8";
}
.breadcrumb-item.active {
	color: #93c23d !important;
}
.post-title {
  font-family: 'MenuFont', sans-serif;
  color: #93c23d;
  border-bottom: 1px solid #ff8d46;
}
.content-post .image {
  clear: both;
  display: table;
  margin: .9em auto;
    margin-top: 0.9em;
  min-width: 50px;
  text-align: center;
}
.content-post .image > figcaption {
  background-color: #f2f2f2;
  caption-side: bottom;
  color: #464646;
  display: table-caption;
  font-size: .75em;
  outline-offset: -1px;
  padding: .4em;
  word-break: break-word;
}
.content-post .table table {
  border: 1px double #b3b3b3;
  border-collapse: collapse;
  border-spacing: 0;
  height: 100%;
  width: 100%;
}
.content-post .table table td, .content-post .table table th {
  border: 1px solid #bfbfbf;
  min-width: 2em;
  padding: .4em;
}
.content-post a {
    color: #ff8d46;
    text-decoration: none;
}
.content-post a:hover {
    color: #93c23d;
}
a.color-grey:hover {
    color: #ff8d46 !important;
}
a.color-orange:hover {
    color: #93c23d !important;
}
a.color-green:hover {
    color: #ff8d46 !important;
}
.btn-tag {
  padding: 0 15px 1px;
  min-width: 0;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Textfont";
  line-height: 27px;
  text-transform: none;
  border-width: 1px;
  border-radius: 25px;
  box-shadow: none;
  border-color: #ff8d46;
  color: #ff8d46;
  background: transparent;
  margin-right: 10px;
  margin-bottom: 10px;
  transition: .3s all ease;
}
.btn-tag:hover {
  background-color: #ff8d46 ;
  border-color: #ff8d46;
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
  color: #fff !important;
}
.btn-tag.active {
  background-color: #ff8d46 ;
  border-color: #ff8d46;
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
  color: #fff !important;
}
.pagination {
    display: inline-block;
}
.pagination a {    
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    border-radius: 15px !important;
    display: inline-block;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    vertical-align: middle;
    color: #93c23d;
    background: none;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #93c23d;
    max-width: 100%;
    letter-spacing: 1px;
    padding: 8px 13px;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    font-weight: 300;
    margin-right: 5px;
}
.pagination a.active {
    background-color: #145c68;
    border: 1px solid #145c68;
    color: white;
    cursor: default;
}
.pagination a:hover:not(.active)  {
	background-color: #145c68;
	color: white !important;
	border: 1px solid #145c68;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.8);
}
.loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 3px solid;
  border-color: #93c23d #93c23d transparent transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after,
.loader::before {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid;
  border-color: transparent transparent #ff8d46 #ff8d46;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotationBack 0.5s linear infinite;
  transform-origin: center center;
}
.loader::before {
  width: 32px;
  height: 32px;
  border-color: #93c23d #93c23d transparent transparent;
  animation: rotation 1.5s linear infinite;
}
.carousel-img {
    height:500px;
    object-fit:cover
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
    
@media screen and (min-width:992px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}
@media screen and (max-width:767px) {
    .carousel-img {
        height:200px;
        object-fit:cover
    }
}
@media screen and (max-width:991px) {
    .carousel-img {
        height:250px;
        object-fit:cover
    }
}