html, body, a,
.cursor-alter,
.tt-main-menu-list > li > a,
.tt-main-menu-list > li > .tt-submenu-trigger > a,
.magnetic-item, .tt-style-switch, .swiper-wrapper,
.tt-ol-menu-toggle-btn-text-wrap, .tt-ol-menu-toggle-btn-text {
  cursor: none !important;
}

.tt-btn{
	cursor: pointer;
}

/* ------------------------------------------------------------- *
 * Template style switch button
/* ------------------------------------------------------------- */

.tt-style-switch {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 30%;
	right: 0;
	width: 40px;
	height: 35px;
	background-color: #444;
	font-size: 16px;
	color: #FFF;
	z-index: 999;
	border-radius: 50px 0 0 50px;
	transition: all .2s;
}
@media (max-width: 540px) {
	.tt-style-switch {
		top: auto;
		bottom: 150px;
	}
}
body:not(.is-mobile) .tt-style-switch:hover {
	width: 45px;
	background-color: var(--tt-main-color);
	color: #FFF;
}


.tt-style-switch.is-dark {
}
.tt-stsw-dark,
.tt-stsw-light {
	line-height: 0;
}
.tt-style-switch:not(.is-dark) .tt-stsw-dark {
	display: none;
}
.tt-style-switch.is-dark .tt-stsw-light {
	display: none;
}

/* If the sliding sidebar is on the right side */
@media (min-width: 769px) {
	body.tt-sliding-sidebar-right-on .tt-style-switch {
		right: auto;
		left: 0;
		border-radius: 0 50px 50px 0;
	}
}






/* ================================================ */
/* =============  blogs             */
/* ================================================ */

@media (max-width: 768px) {
	.blog-detail-container h1{
		font-size: 6vw !important;
	}
	.blog-detail-container p{
		font-size: 3vw;
	}
	.blog-container{
		flex-direction: column-reverse;
	}
	.blog-section h5{
		font-size: 6vw;
	}
}



.blog-container{
	display: flex;
	justify-content: space-between;
	gap: 30px;
	padding: 20px;
}

.blog-sections{
	flex: 8;
	margin-bottom: 50px;
}
.blog-section{
	border-radius: 10px;
	padding: 40px;
	height: fit-content;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	margin-bottom: 30px;
}
.blog-category{
	border: 1px solid;
	font-size: 14px;
	font-weight: 600;
	padding: 5px 15px;
}
.blog-section h5{
	margin: 10px 0 5px 0;
}
.blog-detail a{
	text-decoration: none;
	border-bottom: 0;
	font-weight: 600;
}
.blog-date{
	font-size: 14px;
}
.blog-line{
	width: 15%;
	border-top: 1px solid;
}


.blog-controls{
	flex: 4;
	border-radius: 10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	padding: 20px;
	height: fit-content;
}
.blog-controls ul{
	margin-top: 0;
}
.blog-controls h6{
	margin-bottom: 10px;
}

.blog-detail-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 50px 0 100px 0;
}
.blog-detail-container h1{
	margin: 20px 0;
	font-size: 4vw;
	text-align: center;
}
.blog-detail-container .blog-date{
	margin: 0 0 20px 0;
}
.blog-detail-container p{
	margin: 20px 0;
}


.underline-style {
  cursor: pointer;
  width: fit-content;
  position: relative;
}
.underline-style::after {
  transition: 0.5s all ease;
  content: "";
  position: absolute;
  left: initial;
  right: 0;
  bottom: 5%;
  width: 0;
  height: 1px;
  background-color: currentColor;
}
.underline-style:hover::after {
  right: initial;
  left: 0;
  width: 100%;
}



/* ================================================ */
/* =============  blogs             */
/* ================================================ */





/* ================================================ */
/* =============  new footer             */
/* ================================================ */

.fs-14{
	font-size: 14px;
}

@media (max-width: 769px) {
	.new-footer{
		flex-direction: column;
    	gap: 20px !important;
		padding: 0 6.5% !important;
	}
	.new-footer-child:nth-child(2) {
		align-items: start !important;
	}
	.new-footer-child p{
		margin-bottom: 0px;
	}
}


.new-footer{
	display: flex;
	justify-content: space-between;
	/* padding: 0 15% 5% 15%; */
	padding: 0 3.5%;
	gap: 100px;
}

.new-footer-child {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.new-footer-child:nth-child(2) {
	font-weight: 600;
	align-items: center;
}
.new-footer-child:nth-child(2) > div {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.new-footer-child p{
	font-size: 12px;
	margin-top: 10px;
}
.new-footer-child h6{
	margin-top: 0;
}




/* ================================================ */
/* =============  new footer             */
/* ================================================ */













/* ================================================ */
/* =============  faq             */
/* ================================================ */
    .faq-wrapper {
      width: 100%;
      display: flex;
      justify-content: center;
      padding: 60px 20px;
    }

    .faq-section {
      width: 100%;
      max-width: 1100px;
      background-color: #ffffff;
      border-radius: 15px;
      padding: 40px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    .faq-section h2 {
      text-align: center;
      font-size: 32px;
      margin-bottom: 30px;
      color: #222;
    }

    .faq-item {
      border-bottom: 1px solid #ddd;
    }

    .faq-question {
      display: block;
      font-weight: 600;
      font-size: 18px;
      cursor: pointer;
      padding: 15px 20px;
      background: #f5f5f5;
      color: #333;
      position: relative;
      transition: background 0.3s;
    }

    .faq-question:hover {
      background: #eaeaea;
    }

    .faq-question::after {
      content: '+';
      position: absolute;
      right: 20px;
      font-size: 22px;
      transition: transform 0.3s;
    }

    input[type="checkbox"] {
      display: none;
    }

    .faq-answer {
      display: none;
      padding: 0 20px 20px;
      font-size: 16px;
      color: #555;
      background: #fafafa;
      line-height: 1.6;
    }

    input[type="checkbox"]:checked ~ .faq-question::after {
      content: '-';
    }

    input[type="checkbox"]:checked ~ .faq-answer {
      display: block;
    }

    @media (max-width: 768px) {
      .faq-section {
        padding: 20px;
      }

      .faq-question {
        font-size: 16px;
      }

      .faq-answer {
        font-size: 15px;
      }
    }