/*
Theme Name: Travel Mania
Theme URI: http://wordpress.org
Author: Our Team
Author URI: http://wordpress.org/
Description: This theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: mycustomtheme
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*-----------------------------General Reset----------------------------- */
li {
text-decoration: none;
list-style-type: disc;
}
a{
text-decoration: none;
}
a:hover{
text-decoration: none;
}
p {
margin: 0;
padding: 0;
  font-family: 'Inter', sans-serif;
font-size: 16px;
}
/*-----------------------------GENERAL STYLING STARTS----------------------------- */
.page-wrap{
height: 100%;
}
header {
    background: white;
}
.content {
min-height: 300px;
margin-top: 100px;
margin-bottom: 100px;
}
.wrap{
overflow-x: hidden;
}
body {
  font-family: 'Inter', sans-serif;
  font-size: 18px; /* Slightly larger for readability */
  overflow-x: hidden;
	line-height: 1.5rem;
}

.btn-home:hover{
background-color: #fe9721;
}
.fa:hover {
transition: opacity .3s, transform .3s;
transform: scale(1.5);
opacity: .5;
}    
.pagetitle{
font-size: 50px;
font-weight: bold;
color: white;
text-transform: uppercase;
}

/*-----------------------------GENERAL STYLING ENDS----------------------------- */
/*-----------------------------HEADER STARTS----------------------------- */
.menubar{
display: flex;
align-items: center;
}
.rightgo{
text-align: end;
}
header .top-bar{
display: flex;
justify-content: center;
height: auto;
align-items: center;
}
header .top-bar li a {
padding: 10px;
}
header .top-bar li .sub-menu {
display: none;
}
header .top-bar .menu-item-has-children:hover .sub-menu {
display:  block;
}
.top-bar .row {
margin: 8px 0px;
}
header .menubox{
text-align: center;
}
.top-bar, .socialmenu{
color: black;
}
.navbar-brand{  
font-size: 30px;
font-weight: 600;
}

ul#menu-primary-navigation li {
text-transform: capitalize;
	list-style-type: none;
}
ul#menu-primary-navigation li a {
color: white;
/* padding: 0px 15px; */
line-height: 50px;
}
ul#menu-primary-navigation > li:last-child a{
color: #ffffff;
background-color: black;
border-radius: 5px;
}
.navbar{
padding: 0px;
}
.navbar-brand {
color: black;
}
/*-----------------------------HEADER ENDS----------------------------- */
/*-----------------------------SLIDER STARTS----------------------------- */
.banner{
background-color: antiquewhite;
}
/*-----------------------------SLIDER ENDS----------------------------- */
/*-----------------------------BODY STARTS----------------------------- */
.maincaption{
font-size: 46px;
font-weight: 600;
}
.boldcounter{
font-size: 40px;
}
.page-wrap{
height: 100%;
}
.content {
min-height: 300px;
margin-top: 100px;
margin-bottom: 100px;
}
.container1{
display: flex;
height: 60px;
background-color: #161C27;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
/*-----------------------------BODY ENDS----------------------------- */
/*-----------------------------ABOUT SECTION STARTS----------------------------- */
.about{
margin-top: 100px;
}
.aboutbox{
margin-left: 100px;
}
.bigheads{
font-size: 67.77px;
font-weight: 500;
}
.subheads{
font-size: 41.89px;
color: white;
}
h2{
font-size: 41.89px;
text-transform: uppercase;
	color:#a2a2a2;
}
h1{font-size: 25.89px;
color:deepskyblue;
}
.footerbar h1 {
margin-bottom: 16px;
color:white;
}
.deep{
color: #3F00A3;
}
/*-----------------------------ABOUT SECTION ENDS----------------------------- */
/*-----------------------------SERVICES SECTION STARTS----------------------------- */
.swiper {
width: 100%;
}
.swiper-button-prev::after, .swiper-button-next::after {
color: white;
font-size: initial!important;
}
.services {
margin-top: 30px;
text-align: center;
border-radius: 10px 10px 0 0;
}
.servicerow{
justify-content: center;
text-align: center;
}
.card{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.card-img {
max-width: 100%;
max-height: 100%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
position: relative;
}
.tags{
background-color: red;
color: white;
position: absolute;
bottom: 20px;
border-radius: 30px;
margin: auto;
padding: 5px 15px;
margin-left: 10px;
}
.cards-wrapper {
display: flex;
justify-content: center;
}
.servicebox{
padding: 20px;
border: solid 1px #eeeeee;
border-radius: 5px;
text-align: center;
}
.btn-secondary {
background-color: white; 
border-color: #6c757d;
padding: 10px 15px;
background-color: #1C3273;
}
.btn-secondary:hover {
color:  #1C3273;
background-color: white; 
}
.servicetitle{
font-size: 20px;
margin-top: 20px;
color: #1C3273;
font-weight: bold;

}
/*-----------------------------SERVICES SECTION ENDS----------------------------- */
/*-----------------------------COUNTER SECTION STARTS----------------------------- */
.databox{
display: flex;
align-items: center;
text-align: center;
border: #6c757d;
height: 150px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
z-index: 9999;
}
/*-----------------------------COUNTER SECTION ENDS----------------------------- */
/*-----------------------------FOOTER STARTS----------------------------- */
.footer-bottom{
height: 50px;
display: flex;
align-items: center;
}
.footerbar{
background: #121212;
color: #a2a2a2;
padding-top: 50px;
background-image: url('https://www.kaythriproperties.com/wp-content/uploads/2025/02/Untitled-design-3.png');
background-size: cover;
    margin-top: 50px;
    background-blend-mode: color-dodge;
    background-repeat: repeat-x;
	font-size: 14px;
}
.footerbar p {
    font-size: 14px;
}
.footerbar ul li a, .footer-bottom, .footer-bottom a {
color: #a2a2a2!important;
}
.foot-right{
text-align: right;
}
li.widget {
list-style-type: none;
}
.footerbar ul li a{
color: white;
}
.footer-bottom{
background: #000000;
}
.footerbar ul li:not(:last-child) {
padding-bottom: 16px;
}
li.widget {
list-style-type: none;
}
.footerbar ul li {
list-style-type: none;
}
.footerbar h5 {
margin-bottom: 30px;
}
ul{
padding-left: 0px;
}
.carouselcaption{
font-size: 60px;
margin-top: 30px;
line-height: 100px;
}
.headimg{
background-color:#231f20;
padding: 6% 0;
display: flex;
align-items: center;
justify-content: center;
margin-bottom:100px;
}
.callbox{
position: fixed;
bottom: 100px;
right: 50px;
display: flex;
flex-direction: column;
}
.wabox{
margin-bottom:10px;
}
.form8box {
display: flex;
align-items: center;
border-radius: 5px;
margin: 60px auto;
}
.form8box .fa-solid, .form8box .fa-regular {
font-size: 18px;
margin: 0 15px;
}
.form-control{
height:50px;
border: 1px solid #c3daff;
}
.cform8 {
background-color: aliceblue;
padding: 42px;
border-radius: 5px;
text-align: center;
}
.whybox{
background-color:#D1D1E1;
padding: 50px;
text-align:justify;
}
.testimonials{
padding-top:50px;
text-align: center;
background-image: linear-gradient(180deg, rgba(0,112,187,0.8), rgba(37,35,98,0.8));
border-radius: 0 0 10px 10px;
}
.whybox li {
list-style-type: disc;
}
.testimg img{
border-radius:50%;
}
/* scroll to top butoon */
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 50px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: #114e9a;
color: white;
cursor: pointer;
padding: 10px;
height: 50px;
width: 50px;
border-radius: 50%;
}
#myBtn:hover {
background-color: black;
}
/* scroll to top butoon */
#swiper3 .trans {
border-right: none;
}
.page-id-14 p {
color: red;
}
.jst{
text-align:justify;
}
.itl{
font-style: italic;
}
.testbold {
font-style: bold;
}
.bluehead{
color:white;
}
.testimonials{
position:relative;
}
.q1{
position:absolute;
bottom:50px;
right:50px;
opacity:0.1;
}
.q2{
position:absolute;
top:50px;
left:50px;
opacity:0.1;
}
/*-----------------------------FOOTER ENDS----------------------------- */
.container {
max-width: 85% !important;
}


.services{
background:linear-gradient(0deg, rgba(0,112,187,0.8), rgba(37,35,98,0.8)), url('http://localhost/kells/wp-content/uploads/2022/12/colleagues-studying-together-exam-scaled.jpg');
background-size:cover;
}
/* drop down show */
.dropdown-menu {
margin-top: 0;
}
.navbar .nav > .nav-item:not(:last-child){
margin-right: 35px;
}
.trans{
background-color: transparent;
border: 0;
border-right: solid 1px cadetblue;
border-radius:0;
}
.services{
color: white!important;
padding-top: 50px;
}
.services heading{
margin-top: 10px;
}
.footerbar{
position: relative;
}
.applybox{
border: solid 1px rgb(222, 222, 222);
margin: 50px 0px;
}
.applyboxcontent{
text-align: center;
display: flex;
align-items: center;
padding: 0px 50px;
}
.btn-primary{
padding: 20px 30px;
}
.btn-primary2{
padding: 10px 15px;
}
.mainhead{
font-size: 20px;
}
.boldhead{
font-size: 60px;
font-weight: 600;
}
.carousel-caption {
position: absolute;
top: 200px;
left: 8%;
}
.carousel-item img{
}
.courses{
text-align: center;
margin-top: 50px;
	margin-bottom: 50px;
}
.hr2 {
border: 0;
height: 0.1px;
background-image: linear-gradient(to right, rgba(159, 159, 159, 0), rgba(9, 84, 132), rgba(159, 159, 159, 0));
margin: 50px 0px ;
}
.greytxt{
color: #a2a2a2;
}
.dropdown-menu{
top: 0;
display: block;
visibility: hidden;
opacity: 0;
}
.dropdown-menu.show{
transition: top 2s;
top: 100%;
visibility: visible;
opacity: 1;
}
.card-img, .card-img-top{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.carousel-caption{
	text-align:left;
}
.btn-primary {
    background-color: black;
    border: none;
}
ul#menu-primary-navigation > li:last-child a:hover, .btn-primary:hover{
	background-color:white;
color: #1C3273;
    border-color: #0062cc;

}
.carousel-control-next, .carousel-control-prev {
width: 6%;
}

.carousel-caption {
font-weight: bold;
	    width: 50%;
}
.mobblock {
    display: contents;
}

ul#menu-primary-navigation > li:last-child a:hover {
    background-color: #114e9a;
}
.contactboxes{
	background: #2C2829;
	border-radius:15px;
	padding:25px;
	color:#a2a2a2;
	
}
.subheadingstext{
    color: grey;
}
.captionstext{
	color:white;
}
.card{
	border: none;
}

.aboutboxes{
		background: #2C2829;
	border-radius:15px;
	padding:25px;
	color:#a2a2a2;
}


/* test */
/* Ensure the slider starts from the top */
.wrap {
    position: relative;
}

/* Style for the menu bar */
.menubar {
    position: absolute; /* Keep it over the slider */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* Ensure it's above the slider */
/*     background: rgba(0, 0, 0, 0.5); /* Transparent background */ */
    padding: 15px 0;
}

/* Adjust navbar brand/logo */
.navbar-brand img {
 max-height: 100px; 
    width: auto;
    border-radius: 0px 0 15px 15px;
}

/* Style for the slider */
.slider {
    position: relative;
    width: 100%;
    height: 100vh; /* Full-screen height */
    overflow: hidden;
}

.slider img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures image covers the section */
}

/*  test slider*/
.carousel-item {
    position: relative;
}

.carousel-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%; /* Covers the left half */
    height: 100%; /* Full height of the slider */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); /* Black fading to transparent */
    z-index: 1;
}

.carousel-caption {
    position: absolute;
    z-index: 2; /* Ensures the text appears above the overlay */
}

.navbar-brand {
	padding-top: 0;
}

.captionstextdesc{
	    font-weight: normal;
    margin-bottom: 25px;
}
html, body {
    overflow-x: hidden;
}
.container {
    max-width: 100%;
    overflow: hidden;
}
iframe {
    max-width: 100%;
    overflow: hidden;
}
/*  */
.headimg {
  background-color: #000000;
  padding: 12% 0 3% 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 100px;
  position: relative; /* Required for absolute positioning of pseudo-element */
}

.headimg::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 25%; /* Centers the 50% wide element (25% left + 50% width + 25% right = 100%) */
  width: 50%;
  border-bottom: 1px solid #3a3335;
}
/*  */
    .card-deck .card {
   
         margin-right: 0px;
         margin-left: 0px; 
    }

.cta{
	display: flex
;
    background: #20002a;
    height: 400px;
    border-radius: 15px;
    align-items: center;
    padding-left: 50px;
    color: white;
}
.ctaheading{
	font-size: 40px;
    font-weight: 700;
    line-height: normal;
}
.ctaitem2 {
    margin-left: auto;
}
.btn{
	border-radius: 15px;
}
.card-img {
  overflow: hidden; /* Keeps the image within its container */
}

.card-img img {
  transition: transform 0.3s ease;
}

.card-img img:hover {
  transform: scale(1.1);
}


.scf-contact-form label{
	color: #a2a2a2;
}
  
.scf-contact-form input, .scf-contact-form textarea{  
border-radius: 6px !important;
	padding:10px;
	margin-bottom:15px;
	width: 100%;
}

/*-----------------------------MOBILE ONLY CSS STARTS----------------------------- */
@media (max-width: 767px) {

	
	.mobblock {
    display: flex;
    align-items: center;
		margin:inherit;
}
.container {
max-width: 100% !important;
}
	.pagetitle {
		font-size: 25px;
	}
.form8box {
display: block!important;
	}
	
	.navbar-toggler {
color: #afd54e;
border: 1px solid #6c757d;
}
.col-lg-12.noborder{
padding-left: 15px;
}
p{
justify-content: center;
}
body{
overflow-x: hidden;
}
.banner{
text-align: center;
}
.container1{
justify-content: center;
}
.aboutbox {
margin-left: 0px;
text-align: center;
}
.btn-home1 {
background: black;
color: white;
width: 50%;
margin-right: 10px;
}
.btn-home1:hover{
background-color: #fe9721;
}
	
	.carousel-caption{
text-align: left;
top: 10%;
transform: translateY(-10%);
}
.carousel-caption p {
font-size: 20px;
line-height: 20px;
	padding-top:0;
	text-align:left;
margin: 35px 0;
	
}
	
.carousel-caption h5 {
font-size: 12px;
}
	.btn-primary {
    padding: 5px 10px;
}
	
	.carousel-indicators li{
		width:10px;
z-index: -100;
	}
	.about{
		margin-top:0;
		
	}
	.bigheads {
		font-size: 10vw;
	}
	.subheads {
		font-size: 7vw;
	}
	.databox h3{
		font-size:15px;
	}
	.footer-bottom {
		height: auto;
	}
	.top-bar p {
    font-size: 10px;
				text-align:center;
		    line-height: 24px;

}
	.footer-bottom p{
				text-align:left;
    font-size: 12px;
		    line-height: 16px;


	}
	
	

	
.dropdown-menu{
/* top: 0; */
display: none;
visibility: hidden;
opacity: 0;
border: 0;
}
.dropdown-menu.show{
transition: top 1s;
top: 100%;
visibility: visible;
opacity: 1;
display: block;
}
ul#menu-primary-navigation li {
float: none;
}
.btn-primary:hover{
background-color: #ffffff;
color: #0F1B31;
}
.carousel-control-next, .carousel-control-prev {
width: 6%;
}

#happyforms-form-91 {
background-color: aliceblue;
padding: 75px;
border: solid 1px #1C3273;
border-radius:5px
}
.databox{
display: flex;
align-items: center;
text-align: center;
border: #6c757d;
height: 150px;
box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
z-index: 9999;
}
ul#menu-primary-navigation > li:last-child a:hover {
color: #1C3273;
background-color: aliceblue;
border-radius: 5px;
    border-color: #0062cc;
}
	#myBtn, .callbox {

    right: 20px;
	}
	
	.carousel {
    margin-bottom: 50px;
}
	.navbar-brand img{
        width: 70%;
        height: 70%;
}
	.swiper-pagination {
		bottom: 18px!important;
}
	.navbar-light .navbar-toggler {
 
		background: white;}
	.navbar-nav{
display: -ms-flexbox;
    display: flex
;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background: #000000c9;
}

.pagetitle {

	margin-top: 50px;}
}/*-----------------------------MOBILE ONLY CSS ENDS----------------------------- */

/* responsive */
@media (min-width: 992px) and (max-width: 1400px) {
.navbar .nav > .nav-item:not(:last-child) {
margin-right: 0px;
}
}

@media (max-width: 990px) {
.navbar-brand img{
max-width: 200px;  
}
.navbar .nav > .nav-item:not(:last-child) {
margin-right: 0px;
}
}

@media (max-width: 1200px) {

	ul#menu-primary-navigation li a{
		font-size: x-small;
	}
    .carousel-caption p {
        font-size: 10px;
        margin-top: 20%;
        line-height: 10px;
    }
}
@media (max-width: 767px) {
  .footerbar {
    background-image: none !important;
  }
}

/* Portrait tablets (like iPad) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* Your tablet styles here */
  body {
    background-color: #f0f0f0;
  }
	img.mb-2 {
    width: 100%;
    height: fit-content;
}
	.headimg {

    padding-top: 20%;
}
}


/*  blog css*/

/* ===============================
   Travel Mania – Unified Card Style
   Applies to BOTH: .courses (Packages/Swiper) and .tm-blog (Blog grid)
   =============================== */

:root{
  --tm-bg:#f8fafc;
  --tm-card:#ffffff;
  --tm-text:#0f172a;
  --tm-muted:#6b7280;
  --tm-body:#374151;
  --tm-accent:#06b6d4; /* tweak if your brand teal differs */
  --tm-shadow:0 6px 18px rgba(0,0,0,.06);
  --tm-radius:16px;
}

/* Section surfaces */
.tm-blog,
.courses{
  background:var(--tm-bg);
  padding:48px 0;
}
.deep{ font-weight:700; color:var(--tm-text); }

/* --- Card base (shared) --- */
.tm-card,
.courses .card{
  background:var(--tm-card);
  border-radius:var(--tm-radius);
  overflow:hidden;
  box-shadow:var(--tm-shadow);
  display:flex;
  flex-direction:column;
}

/* Media (shared) */
.tm-card-media{ display:block; line-height:0; }
.tm-card-img,
.courses .card-img-top{
  width:100%;
  height:260px;
  object-fit:cover;
  display:block;
}
@media (max-width: 640px){
  .tm-card-img,
  .courses .card-img-top{ height:210px; }
}

/* Body (shared) */
.tm-card-body,
.courses .card-body{
  padding:20px 22px 24px;
}

/* Title (shared) */
.tm-card-title,
.courses .card-title{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.25;
  font-weight:800;
}
.tm-card-title a,
.courses .card-title a{
  color:var(--tm-text);
  text-decoration:none;
}
.tm-card-title a:hover,
.courses .card-title a:hover{ text-decoration:underline; }

/* Excerpt / paragraph under title (shared) */
.tm-excerpt,
.courses .card-body p{
  color:var(--tm-body);
  margin:0 0 14px;
  font-size:16px;
  line-height:1.6;
}

/* Category kicker (blog only — harmless in services) */
.tm-kicker{
  letter-spacing:.22em;
  font-size:12px;
  font-weight:700;
  color:var(--tm-muted);
  text-transform:uppercase;
  display:inline-block;
  margin-bottom:8px;
}

/* Meta row (blog only) */
.tm-meta{
  display:flex; align-items:center; gap:8px;
  color:var(--tm-muted); font-size:14px; margin-bottom:10px;
}
.tm-icon{ width:18px; height:18px; }

/* Read more link (blog only, re-usable) */
.tm-readmore{
  font-weight:700;
  text-decoration:none;
  color:var(--tm-accent);
}
.tm-readmore:hover{ text-decoration:underline; }

/* CTA buttons (shared look) */
.btn.btn-primary{
  background:var(--tm-accent);
  border-color:var(--tm-accent);
  color:#fff;
  font-weight:700;
  border-radius:999px;
  padding:10px 18px;
}
.btn.btn-primary:hover{
  filter:brightness(.95);
}

/* --- Blog grid layout (unchanged) --- */
.tm-blog-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:24px;
}
@media (max-width: 1024px){ .tm-blog-grid{ grid-template-columns: repeat(2, 1fr);} }
@media (max-width: 640px){ .tm-blog-grid{ grid-template-columns: 1fr; } }

/* --- Swiper (packages) theming to match blog cards --- */
.courses .swiper{
  padding-bottom:40px; /* space for bullets */
}
.courses .swiper-slide{
  height:auto; /* let cards auto-size */
}
.courses .swiper-button-prev,
.courses .swiper-button-next{
  width:42px; height:42px;
  border-radius:999px;
  background:#fff;
  box-shadow:var(--tm-shadow);
  color:var(--tm-text);
}
.courses .swiper-button-prev:after,
.courses .swiper-button-next:after{
  font-size:14px; font-weight:700;
}
.courses .swiper-pagination-bullet{
  width:8px; height:8px; opacity:.5; background:var(--tm-text);
}
.courses .swiper-pagination-bullet-active{
  opacity:1; background:var(--tm-accent);
}

/* Optional: tighten card spacing inside slider on small screens */
@media (max-width: 768px){
  .courses .card-deck{ margin-inline: -8px; }
  .courses .swiper-slide{ padding-inline:8px; }
}

/*  review css*/