* {
	border: 0;
	margin: 0;
	padding: 0;
  }
  
  body {
	background: #f2f5fa;
	color: var(--main-font-color);
	overflow: hidden;
	height: auto;
  }
  
  ul, ol {
	list-style: none;
  }
  
  button {
	background: none;
	cursor: pointer;
  }
  
  .tab-container {
    
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;
  }
  
  .tab-container .tab-menu {
	background: #fff !important;
    text-align: center;
    width: 32%;
	display: block;
    margin: 0 auto;
	padding: 10px 0 10px 0;
	border-radius: 30px;
}
  
  
  .tab-container .tab-menu::before,
  .tab-container .tab-menu::after {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: calc(100% - 1px);
	border-bottom: 1px solid var(--point-periwinkle-color);
  }
  
  .tab-container .tab-menu::before {
	left: -100%;
  }
  
  .tab-container .tab-menu::after {
	right: -100%;
  }
  
  .tab-container .tab-item {
	justify-content: center;
    align-items: center;
	display: inline-block;
  }
  
  .tab-container .tab-item:last-of-type {
	
  }
  
  .tab-container .tab-item.active {
	border-bottom: 0;
  }
  
  .tab-container .btn-tab {
	
  }
  
  .tab-container .tab-item:not(.active) .btn-tab .btn-001{
	color: #fff !important;
	background-color: transparent !important;
    background-image: linear-gradient(220deg,#FB7A62,#F2295B) !important;
	
  }


  
  .tab-container .tab-contents {
	overflow: auto;
	padding: 40px 0px;
	margin: 30px 0;
	box-sizing: border-box;
	margin: 0 0px 0 0px;

  }
  
  .tab-container .tab-contents::-webkit-scrollbar {
	  width: 6px;
  }
  
  .tab-container .tab-contents::-webkit-scrollbar-thumb {
	  height: 20%;
	  background-color: var(--point-mint-color);
	  border-radius: 3px;
  }
  
  .tab-container .tab-contents::-webkit-scrollbar-track {
	  background-color: rgba(0,0,0,0);
  }
  
  .tab-container .tab-contents:not(.active) {
	display: none;
  }
  
  .tab-container .tab-title {
	font-size: 34px;
	margin-bottom: 30px;
  }
  
  .tab-container .tab-description {
	font-size: 18px;
  }
  
  .tab-container .tab-img {
	width: 100%;
	margin-bottom: 30px;
  }
  .main-div{
	width: 100%;

  }
  .main-div01{
	width: 31.2%;
	float: left;
	margin: 0 10px 0 10px;
	background:#fff;
	border-radius: 11px 11px 11px 11px;
	border: 3px solid transparent !important;
	
  }
  .main-div01:hover{
	border: 3px solid #0061ff !important;
	box-shadow: 6px 0 20px rgba(8,0,63,0.1) !important;
  }
  .img-div{
	margin: 0 0 0px 0;
	float: left;
	width: 100%;
  }
  .text-div{
	background:#fff;
	margin: -50px 15px 0px 15px;
    padding: 30px 0 50px 0;
	float: left;
	width: 91%;
	border-radius: 10px;
  }
  .img-01{
	width: 100%;
	text-align: center;
	border-radius: 9px 9px 0 0 !important;
  }
.h-1{
	text-align: center;
	margin: 0px;
	color: #292b33;
	font-family: 'Inter', sans-serif !important;
	font-weight: 700 !important;
	font-size: 24px !important;
  }
  .p-1{
	text-align: center;
	color: #646773;
	padding: 10px 15px 3px 15px;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 300;
  }
  .p-2{
	text-align: center;
	color: #646773;
	padding: 22px 0 6px 0;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 300;
  }
  .p-3{
	text-align: center;
	color: #646773;
	padding: 10px 0 10px 0;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 300;
  }
  .price-01{
	color: #292b33;
	text-align: center;
	padding: 10px 0 20px 3px;
	font-size: 30px;
	font-weight: 700;
	font-family: 'Inter', sans-serif;
  }
  .price-02{
	color: #292b33;
	font-size: 20px;
	font-weight: 400;
	font-family: 'Inter', sans-serif;
  }
  p{
	margin: 0 !important;
  }


  .list-01{
	text-align: left;
	padding: 15px 0 15px 20px;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 500;
  }
  .list-01-1{
	padding-right: 8px;

    color: #FA0068;
  }
  .list-01-1-1{
	border-bottom:none !important;
  }
  .list-01-2{
	color: #292b33 ;
	font-family: 'Inter', sans-serif;
	border-bottom: 1px solid #e6e9ee;
	padding: 8px 0 8px 0;
}
ul{
	margin-bottom: 0 !important;
}
	

  .btn-01{
	text-align: center;
	background-color: transparent;
    background-image: linear-gradient(220deg,#120086,#0061ff) !important;
	align-items: center;
	color: #fff;
	padding: 5px 85px 5px 85px !important;
	border-radius: 25px;
	font-family: 'Inter', sans-serif !important;
	margin: 0 auto;
    display: block;
	font-size: 14px;
	font-weight: 500;
  }
  .btn-02{
	text-align: center;
    border: 2px solid #0061ff;
	border-radius: 30px !important;
	align-items: center;
	color: #0061ff  !important;
	padding: 12px 40px 12px 40px !important;
	border-radius: 25px;
	font-family: 'Inter', sans-serif !important;
	margin: 0 auto;
    display: block;
	background-color: transparent !important;
    background-image: linear-gradient(220deg,transparent,transparent) !important;
  }
  .btn-02:hover{
	background-color: transparent !important;
    background-image: linear-gradient(220deg,#FB7A62,#F2295B) !important;
	color: #fff !important;
	border-color: transparent !important;
  }
  .btn-001{
	font-size: 20px;
    font-weight: 500;
    word-break: keep-all;
    color: var(--point-mint-color);
	padding: 9px 29px 9px 29px !important;
	background-color: transparent;
    background-image: linear-gradient(220deg,#FB7A62,#F2295B);
	position: relative;
	display: inline-block;
	color: #fff !important;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Inter', sans-serif;
	border-radius: 30px;
  }
  /* .tab-container .tab-menu li  .active {
	background-image: linear-gradient(220deg,#FB7A62,#F2295B) !important;
      border-radius:  30px;
  } */
   .btn-001:hover{
	background-color: transparent !important;
	background-image: linear-gradient(220deg,#F2295B,#FB7A62) !important;;
    color: #fff !important;
  } 

  .btn-002{
	font-size: 20px;
    font-weight: 500;
    word-break: keep-all;
    color: var(--point-mint-color);
	padding: 9px 29px 9px 29px !important;
	
	background-color: transparent !important;
    background-image: linear-gradient(220deg,#fff,#fff) !important;
	color: #292B33 !important;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Inter', sans-serif;
	width: 100%;
	text-align: right;
	position: relative;
	display: inline-block;
	border-radius: 30px;
  }
  .btn-002:hover{
	background-color: transparent !important;
	background-image: linear-gradient(220deg,#FB7A62,#F2295B) !important;;
    color: #fff !important;
  } 

  /* .tab-container .tab-menu li .active {
	background-image: linear-gradient(220deg,#FB7A62,#F2295B) !important;
      border-radius:  30px;
  } */
  
  


   /* .btn-002 .active{
	background-color: transparent !important;
    background-image: linear-gradient(220deg,#FB7A62,#F2295B) !important;
	color: #fff !important;
  } */
  .hostiko-front-page article:not(.has-post-thumbnail):not(:first-child){
	border-top: none !important;
  }
  
  /* responsive */
  @media all and (max-width: 1340px) {   
	.tab-container .tab-menu{
		width: 35%;
	}
	.main-div01{
		width: 31.3%;
	}
	.tab-container .tab-contents{
		padding: 50px 0;
		margin: 0%;
	}
	.btn-01{
		padding: 5px 88px 5px 88px;
	}
	.btn-02{
		padding: 11px 38px 11px 38px;
	}
	.p-1{
		padding: 10px 12px 3px 12px;
		font-size: 16px;

	}
	.price-01{
		font-size: 26px;
	}

  }
  @media all and (max-width: 768px) {  

	.tab-container .tab-menu{
		width: 45%;
		margin-bottom: 40px !important;
	}
	.main-div01{
		width: 47.3%;
		margin-bottom: 30px;
	}
	.tab-container .tab-contents{
		padding: 0px 0;
		margin: 0%;
	}
	.text-div{
		padding: 30px 0 40px 0;

	}
	.btn-001{
		margin-right: 5px;
	}
	.btn-002{
		padding: 7px 9px 7px 29px !important;
	}

  }
  @media all and (max-width: 425px) {  
.tab-container .tab-menu{
	width: 95%;
	margin-bottom: 30px !important;
	}
	.main-div01{
		width: 94.2%;
	}
	.tab-container .tab-contents{
		padding: 0px 0;
		margin: 0%;
	}
	.btn-02 {
		padding: 10px 34px 10px 34px;

  }
}