
@import url('https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-rounded/css/uicons-regular-rounded.css');
h1,h2,h3,h4,h5,h6{
	font-family: Montserrat, sans-serif;
}
p,a{
	font-family: Lato;
	font-weight: 700;
}
.mynavactive{
	color: #00a24e !important;
}
.custom-social-icons{
	font-size: 15px;
	border: 2px solid #fff;
	border-radius: 50%;
	box-sizing: border-box;
}
.top-custom-icons{
	color: #fff !important;
}
.custom-social-icons:hover{
	background-color: #fff;
}
.fb{
	padding: 7px 10px 5px 8px;
}
.insta{
	padding: 7px 8px 6px 7px;
}
.yt{
	padding:  8px 8px 6px 7px;
}
.social-icons li{
	padding: 6px;
}
.custom-wicon{
	background-color: #009c4c;
}
.custom-wicon i{
	color: #fff;
}
.slider-fix-data{
	background-color: #009c4c;
	color: #fff;
	border-radius: 15px;
}
.flaticon-box{
	background-color: #fff;
	border-radius: 50%;
	padding: 35px 55px 40px 25px;
	color: #009c4c;
	box-shadow: rgba(37, 175, 229, 0.60) 0px 5px 15px;

}
.flaticon-healthy{
	font-size: 50px;
}
.flaticon-box:hover{
	color: #25afe5;
}
.flaticon-box-outer{
	border: 2px dotted transparent;
    padding-top: 14px;
    border-radius: 50%;
    width: 160px;
    height: 160px;
    margin: 0 auto;
}
.flaticons-columns{
	margin-top: 60px;
	margin-bottom: 100px;
}
.flaticon-box-outer:hover{
	border: 2px dotted #fff;
}
.flaticon-box-outer:hover .flaticon-box{
	transform: rotateY(180deg);
}
.flaticon-text{
	padding-top: 25px;
}
.white-texts{
	color: #fff !important;
}
.featured-desc{
	/* padding-left: 35px;
	padding-right: 35px; */
}
.contact-us-btn{
	background-color: #fff;
	color:#009c4c;
	font-size: 16px;
	border-radius: 50px;
	padding: 13px 30px;
}
.contact-us-btn2{
	background-color: #009c4c;
	color: #fff;
}
.contact-us-btn:hover{
	background: #25afe5;
	color: #fff;
}
.flaticon-healthy-lifestyle-logo{
	padding-left: 10px;
}
.flaticon-care{
	padding-left: 10px;
}
.flaticon-healthy-nutrition{
	padding-left: 10px;
}
.color-green{
	color: #00a24e;
}

.read-more-btn{
	line-height: 50px;
}
.ttm-row{
	padding-top: 50px;
}
.featured-imagebox-service{
	box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}
.success-story-section{
	background-color: #f5f5f5;
}
.featured-thumbnail-story{
	box-shadow: rgba(0, 162, 78, 0.4) 5px 5px, rgba(0, 162, 78, 0.3) 10px 10px, rgba(0, 162, 78, 0.2) 15px 15px, rgba(0, 162, 78, 0.1) 20px 20px, rgba(0, 162, 78, 0.05) 25px 25px;
}
.owl-theme .owl-controls .owl-nav div.owl-prev:before, .owl-theme .owl-controls .owl-nav div.owl-next:before{
	color: #00a24e;
	background-color: #fff;
	font-size: 20px;
	border-radius: 50%;
	padding: 8px 0px;
}
.bg-client-color{
	background-color: #00a24e !important;
}
.ttm_single_image-wrapper{
	margin-top: 20px;
}
.ttm_single_image-wrapper2{
	padding-top: 60px;
}
.color-white{
	color: #fff;
}
.widget-contact li i{
	color: #fff;
}
.breadcrumb-section-custom{
	padding-top: 200px;
	padding-bottom: 200px;
}
.toggle-title-color{
	background-color: #f1f1f1 !important;
}
.accordion>.active{
	background-color: #00a24e;
	color: #fff;
}
.about-heading{
	padding-top: 50px;
}
.img-azka{
	width: 85%;
	box-shadow: rgb(0, 162, 78) 0px 20px 30px -10px;
}
.img-azka-outer:hover .img-azka{
	transform: rotateY(180deg);
}
.study-icon{
	font-size: 50px;
	color: #00a24e;
}
.degree{
	font-weight: bold;
}
.about-number-icons{
	color: #fff;
}
.disclaimer{
	list-style-type: decimal;
}
.disclaimer li::marker{
	color: #00a24e;
}
.services-cards{
	margin: 0 auto;
}
.services-card-img{
	width: 100%;
	max-width: 100%;
	height: 417px;
}
.services-card-outer{
box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}
.diet-plans-spacing{
	margin-top: 15px;
	margin-bottom: 15px;
}
.booking-section{
	background-color: #f0f2f4;
}
.booking-plan-input input{
	background-color: #00a24e;
	border: 1px solid #00a24e !important;
	font-size: 20px;
}
.booking-plan-form{
	margin-top: 50px;
	padding-top: 30px;
	border-radius: 20px;
}
.booking-form{
	padding-bottom: 15px;
}
.note-section{
	padding-top: 27px;
}
.booking-details-column{
	padding-left: 20px;
}
.danger-stars{
	font-size: 20px;
	color: red;
}
.note-color{
	color: red;
}
.submit:hover{
	background-color: #25afe5;
}
.additional-textarea{
	resize: none;
}
#alertmsg{
	margin-top: 15px;
}
.booking-login-link{
	color: #25afe5 !important;
}
#myInput{
	display: none;
}
#priceofplan{
	background-color: #00a24e;
	color: #fff;
}
div.custome-review ul.tabs li.active a:before,
div.custome-review ul.tabs li a
{
	background-color: #00a24e;
}
.quick-contact{
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.quick-contact-boxs{
	margin-top: 110px;
}
.contact-us-form{
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.featured-icon-box.without-icon .ttm-list.ttm-list-style-icon li:not(:first-child){
	margin-bottom: 0px;
}
.map-wrapper{
	margin-bottom: 100px;
}
.login-form{
	background-color: #f0f2f4;
	border-radius: 50px;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.login-img-div{
	text-align: center;
}
#myForm{
	padding-left: 15px;
}
.login-form-inner{
	margin-left: 60px !important;
    margin-top: 40px !important;
    box-shadow: rgba(0, 162, 78, 0.19) 0px 10px 20px, rgba(0, 162, 78, 0.23) 0px 6px 6px;
}
.donthaveaccount{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 30px;
}
.forgot-form{
	margin-top: 130px !important;
}
.gender-tag{
	background-color: #f0f2f4;
}
.dt-internship-img{
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.whyjoin-heading{
	font-weight: bold;
}
.whyjoin-para-top{
	padding-top: 20px;
}
.whyjoin-para{
	line-height: 0px !important;
}
.whyjoin-bottom-para{
	margin-top: 30px;
}
.internship-heading{
	padding-top: 50px;
}
#myInputinternshippersons, #myInputinternshipprice{
	display: none;
}
#personsofplaninternship, #priceofplaninternship{
	background-color: #00a24e;
	color: #fff;
}
.success-btn{
	color: #00a24e !important;
}
.success-btn:hover{
	background-color: #00a24e;
	color: #fff !important;
}
.client-slides{
	background-color: #00a24e;
}
.bmi-form-section{
	background-color: #32b3e5;
}
.number-inputs{
	height: 40px;
}
.bmi-form{
	margin-top: 100px;
	box-shadow: rgb(0, 162, 72) 0px 20px 30px -10px;
}
.bmi-table{
	box-shadow: rgb(0, 162, 72) 0px 20px 30px -10px;
	margin-top: 190px;
      border-spacing: 0; /* Remove any spacing between table cells */
      width: 90%;
      border: 2px solid #00a24e; /* Table border */
      border-radius: 30px; /* Add border radius to the table */
      overflow: hidden; /* Ensures corners are rounded properly */
}
.bmi-table tr th{
	padding-left: 30px;
}
.bmi-table tr td{
	padding-left: 30px;
}
.bmi-table-head{
	background-color: #00a24e !important;
	color: #fff !important;
}
.btn-cart{
	background: #25afe5;
	color: #fff;
}
.btn-cart:hover{
	background: #00a24e;
}
.pointer {
  --f: .1; /* the parallax factor (the smaller the better) */
  --r: 10px; /* radius */
  
  --_f: calc(100%*var(--f)/(1 + var(--f)));
  --_a: calc(90deg*var(--f));
  width: 500px; /* the image size */
  aspect-ratio: calc(1 + var(--f));
  object-fit: cover;
  clip-path: inset(0 var(--_f) 0 0 round var(--r));
  transform: perspective(500px) var(--_t,rotateY(var(--_a)));
  transition: .5s;
  cursor: pointer;
}
.pointer:hover {
  clip-path: inset(0 0 0 var(--_f) round var(--r));
  --_t: translateX(calc(-1*var(--_f))) rotateY(calc(-1*var(--_a)))
}
.seed-heading{
	margin-top: 100px;
}
.avatar{
	width: 45px;
	height: 45px;
/* 	padding: 5px; */
	border-radius: 50%;
	border: 2px solid #00a24e;
}
.user-profile-div{
    background: #f0f2f4 !important;
    width: 90%;
    box-shadow: rgba(0, 162, 78, 0.19) 0px 10px 20px, rgba(0, 162, 78, 0.23) 0px 6px 6px;
    margin-bottom: 90px !important;
 }
.folder-icon{
	width: 120px;
	max-width: 100%;
	padding: 10px;
}
.outer-folder{
	padding: 35px 0px;
	width: 80%;
	margin: 0 auto;
	border-radius: 30px;
	cursor: pointer;
	box-shadow: rgba(0, 162, 78, 0.3) 0px 19px 38px, rgba(0, 162, 78, 0.22) 0px 15px 12px;
}
.outer-folder:hover{
	background: #00a24e;
}
.outer-folder:hover .batch-text{
	color: #fff;
}
.helping-section{
	margin-bottom: 150px;
}
.lock-folder{
	background-color: #d1ced5;
}
.lock-folder:hover{
	background-color: #8f959a;
}
.lock-folder:hover .batch-text{
	color: #000;
}
.bg-muted-custom{
	background-color: #f0f2f4 !important;
}
.country-select{
	padding: 0px 0px 0px 0px;
}
.country_selector{
	padding-left: 55px !important;
}
.flag-dropdown{
	background: #f0f2f4;
}
.magnify-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 36px;
  color: white;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

/* Show magnify icon when hovering over the image */
.success-stories:hover .magnify-icon {
  opacity: 1;
  z-index: 999;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Black with 50% opacity */
  transform: translateY(-100%); /* Start with the overlay above the image */
  transition: transform 0.4s ease, opacity 0.4s ease; /* Smooth transition for both sliding and opacity */
  opacity: 0; /* Initially hidden */
}

.success-stories:hover .overlay {
  transform: translateY(0); /* Slide the overlay into place */
  opacity: 1; /* Make the overlay fully visible */
}

.wa-feedbacks:hover .magnify-icon {
  opacity: 1;
  z-index: 999;
}
.wa-feedbacks:hover .overlay {
  transform: translateY(0); /* Slide the overlay into place */
  opacity: 1; /* Make the overlay fully visible */
}
#menu-footer-services li a:hover{
	color: #27b2e6 !important;
}
.wa-link-hover:hover{
	color: #27b2e6 !important;
}




/* FILE UPLOADER */

.upload-container {
    padding: 20px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.upload-container h2 {
    margin-bottom: 20px;
    color: #333;
}

/* The drag-and-drop area */
.drop-area {
    width: 100%;
    height: 200px;
    border: 2px dashed #00a24e;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #00a24e;
    cursor: pointer;
    transition: all 0.3s ease;
}

.drop-area:hover {
    background-color: #f1f8ff;
}

.drop-area.active {
    background-color: #f1f8ff;
    border-color: #2980b9;
    color: #2980b9;
}

.drop-area p {
    margin: 0;
}

/* File input (hidden but functional) */
input[type="file"] {
    display: none;
}

/* File name display */
.file-name {
    margin-top: 20px;
    color: #333;
    font-size: 14px;
}

.file-name span {
    font-weight: bold;
}

/* Preview container */
.file-previews {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.file-preview {
    margin: 5px;
    text-align: center;
    max-width: 80px;
}

.file-preview img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
}

.file-preview p {
    margin-top: 5px;
    font-size: 12px;
    color: #333;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drag-text {
    font-size: 18px;
    font-weight: bold;
}

/* FILE UPLOADER ENDS */



@media(max-width: 991px){
.map-wrapper {
        margin-bottom: 300px;
    }
}    
@media(max-width: 767px){
	.what-we-offer-column{
		margin: 0 auto;
		text-align: center;
	}
	.flaticons-columns {
	margin-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 15px;
	}
	.success-stories{
		text-align: center;
	}
	.success-stories-column2{
		margin-top: 50px;
	}
	.ttm-row.working-section{
    	padding-bottom: 0px;
	}
	.why-dt-column{
		text-align: center;
	}
	.what-client-says{
		text-align: center;
	}
	.booking-details-column{
		padding-left: 0px;
	}
	.ttm-row.about-section {
        padding-top: 0px;
    }
    .bmi-form{
        margin-top: 0px;
    }
    .bmi-table{
        margin-top: 0px;
        width: 100%;
    }
    .ttm_single_image-wrapper2 {
        padding-top: 0px;
    }
    .ttm_single_image-wrapper {
        margin-top: 0px; 
    }
    .sidebar .content-area{
        padding-top: 0px;
    }
    .quick-contact-boxs {
        margin-top: 0px;
    }
    .login-form-inner {
        margin-left: 0px !important; 
        margin-top: 0px !important; 
    }
    .login-form {
        border-radius: 0px;
    }
    .booking-plan-form {
        margin-top: 20px; 
        padding-top: 20px;
        border-radius: 0px;
    }
}