/* outfit */

@font-face {
  font-family: "Outfit-Black";
  src: url("../fonts/outfit/Outfit-Black.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Outfit-Bold";
  src: url("../fonts/outfit/Outfit-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Outfit-SemiBold";
  src: url("../fonts/outfit/Outfit-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Outfit-Medium";
  src: url("../fonts/outfit/Outfit-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Outfit-Regular";
  src: url("../fonts/outfit/Outfit-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

.outfit-bold {
  font-family: "Outfit-Bold";
}

.outfit-semibold {
  font-family: "Outfit-SemiBold";
}

.outfit-medium {
  font-family: "Outfit-Medium";
}


/* outfit */

/* lato */

@font-face {
  font-family: "lato-Black";
  src: url("../fonts/lato/Lato-Black.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "lato-Bold";
  src: url("../fonts/lato/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "lato-regular";
  src: url("../fonts/lato/Lato-Regular.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "lato-Light";
  src: url("../fonts/lato/Lato-Thin.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

/* lato */

@font-face {
  font-family: "Kanit-Black";
  src: url("../fonts/kanit/Kanit-Black.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Kanit-Bold";
  src: url("../fonts/kanit/Kanit-Bold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Kanit-SemiBold";
  src: url("../fonts/kanit/Kanit-SemiBold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Kanit-Medium";
  src: url("../fonts/kanit/Kanit-Medium.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}





body {
            font-family: "Outfit-Regular", serif;
            src: url("../fonts/outfit/Outfit-Regular.ttf") format("truetype");
            font-weight: 400;
            font-style: normal;
        }


.lato-black {
  font-family: "lato-Black";
}

.lato-bold {
  font-family: "lato-Bold";
}

.lato-regular {
  font-family: "lato-regular";
}

.lato-light {
  font-family: "lato-Light";
}

/* kaniat */

.kanit-black {
  font-family: "Kanit-Black";
}

.kanit-bold {
  font-family: "Kanit-Bold";
}

.kanit-semibold {
  font-family: "Kanit-SemiBold";
}

.kanit-medium {
  font-family: "Kanit-Medium";
}

/* kaniat */

/* League Spartan start */

@font-face {
  font-family: "leagueSpartan-Bold";
  src: url("../fonts/league_spartan/leagueSpartan-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "leagueSpartan-SemiBold";
  src: url("../fonts/league_spartan/leagueSpartan-SemiBold.ttf")
    format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "leagueSpartan-Light";
  src: url("../fonts/league_spartan/leagueSpartan-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "leagueSpartan-Medium";
  src: url("../fonts/league_spartan/leagueSpartan-Medium.ttf")
    format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "leagueSpartan-Regular";
  src: url("../fonts/league_spartan/leagueSpartan-Regular.ttf")
    format("truetype");
  font-weight: 400;
  font-style: normal;
}

.leagueSpartan-bold {
  font-family: "leagueSpartan-bold";
}

.leagueSpartan-SemiBold {
  font-family: "leagueSpartan-SemiBold";
}

.leagueSpartan-medium {
  font-family: "leagueSpartan-medium";
}

.leagueSpartan-light {
  font-family: "leagueSpartan-light";
}

/* League Spartan Ends */

/* Montserrat Starts */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 1 999;
  font-display: swap;
  src: url("../fonts/montserrat/Montserrat-VariableFont_wght.ttf")
    format("truetype-variations");
  unicode-range: U+0000-00FF;
}

@font-face {
  font-family: "Montserrat-Black";
  src: url("../fonts/montserrat/static/Montserrat-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

.montserrat {
  font-family: "Montserrat";
}

.montserrat-black {
  font-family: "Montserrat-Black";
}

/* Montserrat Ends */

/* Poppins Starts */
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

.poppins-thin {
  font-family: "Poppins";
  font-weight: 100;
}

.poppins-extra-light {
  font-family: "Poppins";
  font-weight: 200;
}

.poppins-light {
  font-family: "Poppins";
  font-weight: 300;
}

.poppins-regular {
  font-family: "Poppins";
  font-weight: 400;
}

.poppins-medium {
  font-family: "Poppins";
  font-weight: 500;
}

.poppins-semi-bold {
  font-family: "Poppins";
  font-weight: 600;
}

.poppins-bold {
  font-family: "Poppins";
  font-weight: 700;
}

.poppins-extra-bold {
  font-family: "Poppins";
  font-weight: 800;
}

.poppins-black {
  font-family: "Poppins";
  font-weight: 900;
}

/* Poppins Ends */

/* @keyframes rotate-gradient {
        0% {
            background-position: 0% 50%;
        }

        50% {
            background-position: 100% 50%;
        }

        100% {
            background-position: 0% 50%;
        }
    }

    .custom-gradient {
        background-image: linear-gradient(135deg,
                #FFF6D1 0%,
                #FFE899 20%,
                #FCD862 40%,
                #F4C843 65%,
                #EABF2A 100%);
        background-size: 300% 300%;
        animation: rotate-gradient 6s ease infinite;
    } */

#productToggle,
#guideToggle,
#aboutToggle,
#reviewToggle,
#contactToggle {
  position: relative;
  border-bottom: 2px solid transparent;
  /* Add the border color you want */
}

#productToggle:hover,
#productToggle.active,
#guideToggle:hover,
#guideToggle.active,
#aboutToggle:hover,
#aboutToggle.active,
#contactToggle:hover,
#contactToggle.active,
#reviewToggle:hover,
#reviewToggle.active {
  border-color: #d3ac2b;
  /* Add the border color you want */
}

.custom-scrollbar::-webkit-scrollbar {
  background-color: #ffffff;
  border-radius: 4px;
  width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #293040;
  border-radius: 4px;
}

.carousel-2 .owl-stage-outer .owl-item {
  display: flex;
  align-items: stretch;
}

.active-slide {
  background-color: #d3ac2b !important;
  transition: background-color 0.3s ease-in-out;
}

.active-slide p {
  color: #ffffff !important;
}

.active-slide a {
  background-color: #ffffff !important;
  color: #293040 !important;
}

.partners-carousel3 .owl-stage {
  display: flex;
  align-items: center;
  justify-content: center;
}

.partners-carousel3 .item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; /* Ensures full height for vertical centering */
}