/* header */
body{
  padding-top: 87px;  /* according to header height */
  font-family: 'Kanit', sans-serif;
}
ul.sub-menu.elementor-nav-menu--dropdown.sm-nowrap {
    margin: 0 !important;
}
.top-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  transition: transform 0.4s ease-in-out;
	height: 87px; /* according to header height */
}
.top-header.hide {
  transform: translateY(-100%);
  height: 87px; /* according to header height */
}
.top-header.show {
  transform: translateY(0);
}
.elementor-widget-off-canvas .e-off-canvas__overlay {
    height: 100vh !important;
}

/* home page */
.cs-status .elementor-icon-wrapper {
    height: 24px;
}
.les-tracker {
    backdrop-filter: blur(12px);
}
.cs-progress .elementor-divider-separator {
    border-radius: 50px;
	animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.yni-float{
	animation: 3s ease-in-out 0s infinite normal none running float;
}
.yni-carousel .swiper-wrapper {
    animation: scroll-ltr 40s linear infinite;
    display: flex;
    width: calc(250px * 24);
	align-items: center;
}
/* .yni-carousel .swiper-wrapper{
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
} */
.yni-carousel img.swiper-slide-image {
    max-width: 100%;
    max-height: 100px;
    object-fit: contain;
    transition: all 0.3s ease;
}
.yni-check svg {
    stroke: #AB2C23;
}
@keyframes pulse{
	50% {
		opacity: .5;
	}
}
@keyframes float{
	0%, 100% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-10px);
	}
}
@keyframes scroll-ltr {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 12))
    }
}



/* Explore Study Destinations Section */

.c-button{
	margin-top:20px;
    margin-bottom:40px;
    background-color: #A93026; 
    color: white;
    border: none;
    border-radius: 50px; 
    padding: 16px 40px; 
    font-family: 'Kanit', sans-serif; 
    font-size: 14px; 
    font-weight: 800; 
    text-transform: uppercase; 
    letter-spacing: 1px; 
    cursor: pointer; 
    display: inline-flex; 
    align-items: center; 
    gap: 12px; 
    box-shadow: 0 4px 15px rgba(169, 48, 38, 0.3);
}


/* Explore Study Destinations Section */



/* home-search-widget and  search-page */
.page-id-697 .nice-select{
	line-height: unset !important;
}

/* single-course-page */

.c-breadcrumbs span, .c-breadcrumbs a {
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    color: #fff !important;
}
.single-custom-course span {
    color: #fff;
    font-weight: 600 !important;
    font-size: 18px;
    font-family: 'Kanit', sans-serif;
}
/* single-course-page */


/* mailchimp */
.mc4wp-form-fields {
    display: flex;
	font-family: 'Kanit', sans-serif;
	gap: 15px;
	text-align: center;
}
.mc4wp-form-fields p {
    margin: 0;
	text-align: center;
}
.mc4wp-form-fields label {
	margin: 0;
}
p.email-ini {
    width: 100%;
}
.mc4wp-form-fields input#email {
    height: unset;
    padding: 14px;
    font-family: 'Kanit', sans-serif;
    border-radius: 16px;
	width: 100%;
	max-width: 100%;
}
.mc4wp-form-fields input[type="submit"] {
    background-color: #AB2C23;
    font-family: "Kanit", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: 1px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #AB2C23;
    border-radius: 16px;
    padding: 15px 16px;
}
/* 	mailchimp end */

/* universities card */
a.um-uni-box img.um-uni-img {
    height: 180px;
    border-radius: 16px;
    object-fit: cover;
    object-position: center;
}

/* agent form */

.custom-contact-form br {
	display: none;
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.form-group {
    margin-bottom: 16px;
}

/* Labels */
.custom-contact-form label {
    display: block;
    font-size: 16px;
	line-height: 24px;
    font-weight: 400;
    color: #556080;
    text-transform: capitalize;
}

/* Input Fields */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"], input[type="password"],
input[type="search"],
input[type=reset],
input[type=tel],
input[type=date],
select {
    padding: 15px;
	font-family: inherit;
    border: none;
    border-radius: 8px;
    border: 1px solid #ced4da;
    color: #101740;
	line-height: 46px;
	margin-top: 8px;
    font-size: 15px;
	font-weight: 400;
    box-sizing: border-box;
	height: 46px;
}

.custom-contact-form input[type="text"],
.custom-contact-form input[type="url"],
.custom-contact-form input[type="email"],
.custom-contact-form select {
    width: 100%;
    padding: 15px;
	font-family: inherit;
    border: none;
    border-radius: 8px;
    border: 1px solid #ced4da;
    color: #101740;
	line-height: 46px;
	margin-top: 8px;
    font-size: 15px;
	font-weight: 400;
    box-sizing: border-box;
}
.custom-contact-form .nice-select {
	margin-top: 8px;
	height: 46px;
}
.wpcf7 .custom-contact-form input.wpcf7-form-control:not([type=submit]):focus,
.wpcf7 .custom-contact-form select.wpcf7-form-control:focus,
.wpcf7 .custom-contact-form textarea.wpcf7-form-control:focus {
    outline: 0;
   	box-shadow: 0 0 0 4px #0d6efd40 !important;
}
.custom-contact-form .nice-select:focus  {
    outline: 0;
    box-shadow: 0 0 0 4px #0d6efd40;
}


/* Submit Button */
.custom-contact-form .wpcf7-submit {
    width: 100%;
	font-family: inherit;
    background-color: #101b42; /* Matches your brand color */
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    padding: 15px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.3s ease;
}
.custom-contact-form .wpcf7-submit:hover {
    background-color: #1a2a5a;
}







@media all and (max-width: 767px) {
/* 	mailchimp */
	.mc4wp-form-fields {
		flex-direction: column;
	}
	.mc4wp-form-fields input#email {
		padding: 10px;
	}
	.mc4wp-form-fields input[type="submit"] {
		padding: 10px 16px;
		width: 100%;
	}
/* 	mailchimp end */
	.top-header {
		height: unset;
	}
	.top-header.hide {
	  transform: translateY(-100%);
	  height: unset;
	}
/* 	agent form */
	.form-grid {
        grid-template-columns: 1fr;
    }
	
	
	
}