/*==== Google Fonts(urbanist || Poppins || pt-sans ) :: Start ====*/
@import url("https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*==== Google Fonts(urbanist || Poppins ) :: End ====*/

/*==== Default Style :: Start ====*/
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

:root {
  --primary: #61a745;
  --secondary: #252c32;
  --white: #fff;
  --base-transition: all 0.3s ease-in-out;
}
@media (max-width: 1300px) {
  [data-aos] {
    transform: none !important;
  }
}

body {
  font-family: "Kumbh Sans", sans-serif;
  background-color: var(--white);
  color: var(--secondary);
  overflow-x: hidden;
}
body.no-scroll {
  overflow: hidden;
}

ol,
ul {
  list-style: none;
}

a {
  text-decoration: none;
}

.section-padding-x {
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 650px) {
  .section-padding-x {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 991px) {
  .section-padding-x {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1300px) {
  .section-padding-x {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 1700px) {
  .section-padding-x {
    padding-left: 296px;
    padding-right: 296px;
  }
}

/* fish special details page start */
.fish-details-common-banner{
  background-image: url("../../images/fish-details-banner.png") !important;
}
.tm-page-link-wrapper{
    padding-top: 50px;
}
.tm-page-link-wrapper,
.breadcumb-div{
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}
.tm-page-link-wrapper a,
.tm-page-link-wrapper p{
    color: var(--secondary);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 21.12px;
letter-spacing: -0.32px;
}
.tm-page-link-wrapper p{
font-weight: 400;
}
.breadcumb-div span{
  color: #CCC;
}
.tm-fish-common-container{
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding: 58px 0px 150px;
}
.tm-common-heading{
    color: var(--secondary);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 63.36px;
    letter-spacing: -0.48px;
}
.tm-details-common-text-wrapper{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.tm-details-common-text-wrapper h3{
    color: var(--secondary);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26.4px;
    letter-spacing: -0.4px;
}
.tm-details-common-text-wrapper p{
  color: var(--secondary);
  font-family: "Kumbh Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 29.52px;
}
.tm-fish-details-link{
  color: #61A745;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
align-items: center;
width: fit-content;
border: none;
background-color: inherit;
transition: .2s ease-in-out;
}
.tm-fish-details-link:hover{
  color: #2c8309;
}

/* fish species */
.tm-fish-card-wrapper{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  row-gap: 40px;
  column-gap: 21px;
}
.tm-fish-card-item{
  display: flex;
  flex-direction: column;
  gap: 17px;
  text-align: center;
  padding: 17px 40px;
  border: 1px solid  #DDD;
background: #FFF;
transition: .3s ease-in-out;
}
.tm-fish-card-item:hover{
  transform: scale(1.02);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.tm-fish-card-img-area{
  height: 127px;
  width: 100%;
}
.tm-fish-card-img-area img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.tm-fish-card-item h4{
  color: var(--secondary);
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 23.76px;
letter-spacing: -0.18px;
transition: .3s ease-in-out;
}

/* fishinh types */
.fishing-types-card-item{
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 25px 21px;
  background: #F0F2F5;
}
.fishing-types-card-item-img-area{
  width: 100%;
height: 192px;
}
.fishing-types-card-item-img-area img{
  width: 100%;
height: 100%;
object-fit: cover;
}
.fishing-types-card-item-text{
  color: var(--secondary);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 23.76px;
letter-spacing: -0.36px;
align-items: center;
}

/* fish special details page End */

/* error.html start */
.error-content-wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 112px 150px;
}
.error-img-area{
  max-width: 880.663px;
  min-width: 300px;
 max-height: 816.272px;
}
.error-img-area img{
  width: 100%;
 height: 100%;
}
.error-message-area{
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 545px;
  min-width: 300px;
}
.error-message-area h2{
  color: var(--secondary);
  text-align: center;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 84.48px;
  letter-spacing: -0.64px;
}
.error-message-area h3{
  color: #6B7280;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 31.68px;
  letter-spacing: -0.24px;
}
.error-message-area p{
  color: var(--secondary);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26.24px;
  margin: 8px 0px 20px;
}
.error-message-area a{
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26.24px;
  text-transform: capitalize;
  padding: 8.5px 18px;
  border-radius: 4px;
background: #61A745;
width: fit-content;
margin: 0 auto;
}

/* error.html end */

/* confirmation.html start */
.order-details-card{
  display: flex;
  gap: 54px;
  align-items: center;
}
.order-details-card-img-area{
  width: 347px;
  height: 250px;
  border-radius: 6.423px;
  overflow: hidden;
}
.order-details-card-img-area img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.confirmation-heading{
  color: var(--secondary);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 42.24px;
  letter-spacing: -0.64px;
}
.confirm-main-message{
  color: var(--secondary);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 29.52px;
border-radius: 10px;
border: 1px solid  #61A745;
padding: 28px 36px;
}
.tm-order-no{
  color: var(--secondary);
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 42.24px;
letter-spacing: -0.64px;
}
.order-details-card-main-content{
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.order-details-card-main-content h3{
  color: var(--secondary);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 42.24px;
  letter-spacing: -0.32px;
}
.order-details-card-main-content p{
  color: var(--secondary);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 21.12px;
  letter-spacing: -0.32px;
  margin-bottom: 4px;
}
.order-details-card-main-content p span{
  font-weight: 400;
  margin-left: 5px;
}
.order-details-card-main-content h4{
  color: var(--secondary);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 26.4px;
  letter-spacing: -0.4px;
}
/* confirmation.html End */

/* booking-information.html start */
.booking-information-card{
  background:  #F0F2F5;
  padding: 48px 64px;
  display: flex;
  gap: 127px;
}
.booking-information-card-img-text{
display: flex;
flex-direction: column;
gap: 40px;
}
.tag-trip-name{
  display: flex;
flex-direction: column;
gap: 10px;
}
.tag-trip-name h2{
  color: var(--secondary);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 42.24px;
  letter-spacing: -0.32px;
}
.tag-trip-name h2 span{
margin-left: 13px;
}
.booking-information-divider{
  height: 1px;
  width: 100%;
  background: rgba(176, 186, 191, 0.50);
}
.booking-information-main-content{
width: 100%;
}
.booking-information-main-content h4{
  display: flex;
  justify-content: space-between;
}
.booking-information-main-content h4 span{
  padding-right: 20px;
}
.booking-information-main-content h5{
  color: #6B7280;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26.24px;
}
.booking-information-main-content a{
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26.24px;
  text-transform: capitalize;
  padding: 18px 46px;
  border-radius:  4px;
background:  #61A745;
width: fit-content;
align-self: flex-end;
}
/* booking-information.html End */

/* authentication.html /sign up start */
.authentication-section{
  display: flex;
  justify-content: space-between;
  gap: 128px;
}
.authentication-form-wrapper{
  padding: 96px 0px 120px  305px;
  width: 48%;
}
.authentication-image-wrapper{
width: 48%;
height: 100vh;
}
.authentication-image-wrapper img{
width: 100%;
height: 100%;
}
.authentication-form-logo-area{
  width: 102px;
height: 55.526px;
}
.authentication-form-logo-area img{
  width: 100%;
height: 100%;
object-fit: cover;
}
.authentication-form-title-text-wrapper{
  display: flex;
  flex-direction: column;
  gap:12px;
  margin: 0px 0px 48px;
}
.authentication-form-title-text-wrapper h2{
  color: var(--secondary);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 52.8px;
  letter-spacing: -0.4px;
}
.authentication-form-title-text-wrapper h3{
  color:  #6B7280;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26.24px;
}
.tm-form{
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  height: 100%;
  margin: auto 0;
}
.form-field-wrapper{
  display: flex;
  gap: 20px;
}
.tm-form .form-group{
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.tm-form .form-group label{
  color: var(--secondary);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.68px;
}
.tm-form .form-group input{
  padding: 12px;
  border-radius: 4px;
border: 1px solid  #D5D8E2;
background: #FFF;
outline: none !important;
box-shadow: none !important;
}
.tm-form .form-group input::placeholder{
  color:  #B0BABF;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.68px;
}
.sign-up-notice{
  color: var(--secondary);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 19.68px;
margin: 12px 0px 4px;
}
.tm-form .form-check{
  margin-bottom: 4px;
}
.tm-form .form-check input{
  border: 1px solid  #252C32;
  border-radius: 0px;
  margin-top: 5px;
}
.tm-form .form-check input:hover{
 box-shadow: none;
 outline: none;
}
.tm-form .form-check label{
  color: var(--secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.96px;
  margin-left: 10px;
}
.tm-common-btn{
  color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 26.24px;
text-transform: capitalize;
padding: 12px 48px;
border-radius: 4px;
background:  #61A745;
border: none;
transition: .3s ease-in-out;
}
.tm-common-btn:hover{
  color: #FFF;
background:  #428328;
}
.form-control:hover{
  box-shadow: none;
border-color: inherit;
outline-width: 0px;
}
.tm-form-link-wrapper{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.tm-form-link-wrapper a{
  color: var(--secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.96px;
  position: relative;
}
.tm-form-link-wrapper a::after{
  content: "";
  position: absolute;
  background-color: black;
width: 100%;
height: 1px;
bottom: -7px;
left: 0;
}
.resend-code,
.resend-code a{
  color: var(--secondary);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 19.68px;
}
.resend-code a{
  color: #FF0202;
}
.special-input-wrapper input{
border: none !important;

}
.special-input-wrapper{
  display: flex;
  gap: 10px;
  align-items: center;
  border-radius:  4px;
  border: 1px solid  #D5D8E2;
background: #FFF;
padding-right: 12px;
}
.special-input-wrapper span{
  cursor: pointer;
  }
/* authentication.html /sign up End */


/* responsive */
@media (min-width: 1200px){
  .tag-trip-name h2 {
    text-wrap: nowrap;
}
}
@media (max-width: 991px){
  .authentication-form-wrapper {
    width: 100%;
}
.authentication-image-wrapper {
 display: none;
}
}
@media (max-width: 650px){
  .form-field-wrapper {
    flex-direction: column;
}
}
@media (min-width: 992px) and (max-width: 1600px){
  .authentication-form-wrapper {
    padding: 96px 0px 120px 89px;
}
.authentication-section {
  gap: 90px;
}
}
@media (min-width: 600px) and (max-width: 991px){
  .authentication-form-wrapper {
    padding: 70px;
}
/* booking information card */
.booking-information-card {
  padding: 35px 35px;
  gap: 30px;
}
}
@media (min-width: 576px) and (max-width: 991px){
.tm-fish-common-container {
  gap: 40px;
  padding: 37px 0px 50px;
}
.tm-common-heading {
  font-size: 26px;
}
.tm-details-common-text-wrapper {
  gap: 10px;
}
.error-img-area{
  max-width: 480.663px;
  min-width: 300px;
}
.error-content-wrapper{
  padding: 82px 70px;
}

  /* booking information card start*/
  .booking-information-card {
    padding: 20px 15px;
    gap: 30px;
    flex-direction: column;
  }
  .tag-trip-name {
    gap: 4px;
}
  .tag-trip-name h2 {
    font-size: 24px;
}
.tag-trip-name h2 span {
  margin-left: 3px;
}
.tag-trip-name h2 span svg{
  height: 25px;
  width: 25px;
}
.booking-information-card-img-text {
  gap: 20px;
}
 /* booking information card End*/

}
@media (min-width: 576px) and (max-width: 1250px){
  /* fish species */
  .tm-fish-card-wrapper{
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
  }
  .tm-fish-card-item{
    gap: 20px;
    padding: 17px 10px;
  }

}
@media (min-width: 1030px) and (max-width: 1250px){
  .tm-fish-card-img-area img{
    object-fit: contain;
   }

}
@media (min-width: 375px) and (max-width: 665px){
  .authentication-form-wrapper {
    padding: 40px 26px;
}
  /* fish species */
.tm-fish-card-wrapper{
  grid-template-columns: repeat(2,1fr);
  gap: 16px;
}
.tm-fish-card-item{
  gap: 10px;
  padding: 12px 10px;
}

.tm-fish-card-img-area img{
 object-fit: contain;
}
.tm-fish-card-item h4{
font-size: 16px;
}
.fishing-types-card-item {
  gap: 15px;
  padding: 11px 12px;
}
.fishing-types-card-item-text {
  font-size: 14px;
}
}
@media (max-width: 575px) {

  .tm-page-link-wrapper a, .tm-page-link-wrapper p {
    font-size: 14px;
}
  .tm-page-link-wrapper {
    padding-top: 30px;
}
.tm-fish-common-container {
  gap: 30px;
  padding: 37px 0px 50px;
}
.tm-common-heading {
  font-size: 24px;
  line-height: 30.36px;
}
.tm-details-common-text-wrapper {
  gap: 10px;
}
.tm-details-common-text-wrapper h3 {
  font-size: 18px;
  line-height: 21.4px;
}
.tm-details-common-text-wrapper p {
  font-size: 15px;
  line-height: 25.52px;
}

/* species */

/* error.html start */
.error-content-wrapper{
  padding: 62px 50px;
}
.error-message-area{
  gap: 10px;
}
.error-message-area h2{
  font-size: 34px;
  line-height: 54.48px;
}
.error-message-area h3{
  font-size: 18px;
}
.error-message-area p{
  font-size: 15px;
  margin: 4px 0px 10px;
}
.error-message-area a{
  font-size: 15px;
}

/* error.html end */

/* confirmation.html strat */
.order-details-card{
  flex-direction: column;
}
.tm-order-no {
  font-size: 22px;
  line-height: 30.24px;
}
.confirm-main-message {
  font-size: 15px;
  padding: 15px 25px;
}
.order-details-card-main-content h3 {
  font-size: 20px;
  line-height: 33.24px;
}
.order-details-card-main-content p {
  font-size: 15px;
  margin-bottom: 2px;
}
.order-details-card {
  gap: 18px;
}
.order-details-card-main-content h4 {
  font-size: 16px;
}
.order-details-card-img-area {
  width: 100%;
}
.confirmation-heading {
  font-size: 26px;
  line-height: 22.24px;
}
.order-details-card-main-content {
  gap: 8px;
}
/* confirmation.html End */

  /* booking information card start*/
  .booking-information-card {
    padding: 20px 15px;
    gap: 30px;
    flex-direction: column;
  }
  .tag-trip-name {
    gap: 4px;
}
  .tag-trip-name h2 {
    font-size: 17px;
    line-height: 33.24px;
}
.tag-trip-name h2 span {
  margin-left: 3px;
}
.tag-trip-name h2 span svg{
  height: 15px;
  width: 15px;
}
.booking-information-card-img-text {
  gap: 20px;
}
.booking-information-main-content h5 {
  font-size: 14px;
  line-height: 22.24px;
}
.booking-information-main-content a {
  font-size: 15px;
  padding: 10px 35px;
}
 /* booking information card End*/

 /* authentication.html start */
 .authentication-form-title-text-wrapper {
  gap: 8px;
  margin: 21px 0px 21px;
}
.authentication-form-title-text-wrapper h2 {
  font-size: 24px;
  line-height: 40.8px;
}
.authentication-form-title-text-wrapper h3 {
  font-size: 14px;
}
.tm-form .form-group label {
  font-size: 12px;
}
.tm-form .form-group input {
  padding: 9px;
}
.tm-form .form-group {
  gap: 6px;
}
.form-field-wrapper {
  gap: 10px;
}
.sign-up-notice {
  margin: 6px 0px 2px;
}
.tm-form .form-check label {
  font-size: 13px;
  margin-left: 4px;
}
.tm-common-btn {
  font-size: 15px;
  padding: 10px 30px;
}

 /* authentication.html end */

}
@media (max-width: 374px){
  /* fish species */
  .tm-fish-card-wrapper{
    grid-template-columns: repeat(1,1fr);
    gap: 10px;
  }
  .tm-fish-card-item h4{
    font-size: 15px;
    }
    .fishing-types-card-item-text {
      font-size: 15px;
  }
  .authentication-form-wrapper {
    padding: 40px 16px;
}

/* authentication */
.tm-form-link-wrapper{
flex-direction: column;
  gap: 15px;
}
}




/* dashboard */
.tm-dashboard-chart-section{
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px;
  border-radius: var(--Other-Radius-md, 8px);
border: 1px solid var(--Neutral-300, #E6E6E6);
background: #FFF;
margin: 80px 0px;
}
.tm-dashboard-chart-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tm-dashboard-chart-header h2{
  color: var(--Neutral-900, var(--black-100, #000));
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Catamaran;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 31.2px;
  letter-spacing: -0.48px;
}
.tm-dropdown{
  color: var(--Color-Dark-500, #030C09);
  text-align: center;
  font-family: 'Catamaran', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.4px;
  letter-spacing: 0.2px;

  background-color: white;
  border-radius: 8px;
border: 1px solid  #DFDFDF;
padding: 16px;
}