/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Open Sans", sans-serif;
  color: #444444;
}

a {
  text-decoration: none;
  color: #d9232d;
}

a:hover {
  color: #e24d55;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Raleway", sans-serif;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #d9232d;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #e1444d;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background: white;
  transition: all 0.5s;
  z-index: 997;
  padding: 20px 0;
}

#header.header-scrolled {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  padding: 12px 0;
}

#header.header-inner-pages {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header .logo {
  font-size: 28px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

#header .logo a {
  color: #556270;
}

#header .logo img {
  max-height: 40px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #556270;
  white-space: nowrap;
  transition: 0.3s;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #d9232d;
}

.navbar .getstarted,
.navbar .getstarted:focus {
  background: #d9232d;
  padding: 8px 25px;
  margin-left: 30px;
  border-radius: 4px;
  font-weight: 400;
  color: #fff;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  color: #fff;
  background: #e1444d;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 15px;
  text-transform: none;
  font-weight: 400;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #d9232d;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #556270;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(63, 73, 83, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #556270;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #d9232d;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #d9232d;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  background-color: rgba(63, 73, 83, 0.8);
  overflow: hidden;
  position: relative;
}

#hero .carousel,
#hero .carousel-inner,
#hero .carousel-item,
#hero .carousel-item::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#hero .carousel-item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#hero .carousel-item::before {
  content: "";
  background-color: rgba(30, 35, 40, 0.6);
}

#hero .carousel-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 70px;
  left: 50px;
  right: 50px;
}

#hero .container {
  text-align: center;
}

#hero h2 {
  color: #fff;
  margin-bottom: 20px;
  font-size: 48px;
  font-weight: 700;
}

#hero p {
  animation-delay: 0.4s;
  margin: 0 auto 30px auto;
  color: #fff;
}

#hero .carousel-inner .carousel-item {
  transition-property: opacity;
  background-position: center top;
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  opacity: 0;
}

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-start,
#hero .carousel-inner .carousel-item-prev.carousel-item-end {
  opacity: 1;
  transition: 0.5s;
}

#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  left: 0;
  transform: translate3d(0, 0, 0);
}

#hero .carousel-control-next-icon,
#hero .carousel-control-prev-icon {
  background: none;
  font-size: 30px;
  line-height: 0;
  width: auto;
  height: auto;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  transition: 0.3s;
  color: rgba(255, 255, 255, 0.5);
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#hero .carousel-control-next-icon:hover,
#hero .carousel-control-prev-icon:hover {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}

#hero .carousel-indicators li {
  list-style-type: none;
  cursor: pointer;
  background: #fff;
  overflow: hidden;
  border: 0;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  opacity: 0.6;
  transition: 0.3s;
}

#hero .carousel-indicators li.active {
  opacity: 1;
  background: #d9232d;
}

#hero .btn-get-started {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 14px 32px;
  border-radius: 4px;
  transition: 0.5s;
  line-height: 1;
  color: #fff;
  animation-delay: 0.8s;
  background: #d9232d;
}

#hero .btn-get-started:hover {
  background: #df3740;
}

@media (max-width: 992px) {
  #hero {
    height: 100vh;
  }

  #hero .carousel-container {
    top: 8px;
  }
}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 28px;
  }
}

@media (min-width: 1024px) {

  #hero .carousel-control-prev,
  #hero .carousel-control-next {
    width: 5%;
  }
}

@media (max-height: 500px) {
  #hero {
    height: 120vh;
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

.section-bg,
.services .icon-box {
  background-color: #f8f9fa;
}

.section-title {
  padding-bottom: 40px;
}

.section-title h2 {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #aaaaaa;
  font-family: "Poppins", sans-serif;
}

.section-title h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: #e6636a;
  margin: 4px 10px;
}

.section-title p {
  margin: 0;
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  color: #556270;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 18px 0;
  background: #f8f9fa;
  min-height: 40px;
  margin-top: 80px;
}

.breadcrumbs h2 {
  font-size: 32px;
  font-weight: 300;
  margin: 0;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li+li {
  padding-left: 10px;
}

.breadcrumbs ol li+li::before {
  display: inline-block;
  padding-right: 10px;
  color: #6b7b8d;
  content: "/";
}

@media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 58px;
  }

  .breadcrumbs .d-flex {
    display: block !important;
  }

  .breadcrumbs h2 {
    margin-bottom: 10px;
  }

  .breadcrumbs ol {
    display: block;
  }

  .breadcrumbs ol li {
    display: inline-block;
  }
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content h2 {
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.about .content h3 {
  font-weight: 500;
  line-height: 32px;
  font-size: 24px;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  padding: 10px 0 0 28px;
  position: relative;
}

.about .content ul i {
  left: 0;
  top: 7px;
  position: absolute;
  font-size: 20px;
  color: #d9232d;
}

.about .content p:last-child {
  margin-bottom: 0;
}

/* =========================================================
   FINA-YATRA PREMIUM ABOUT SECTION
   ========================================================= */

.fy-about {

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fafc 45%,
            #ffffff 100%
        );

    padding:90px 0;

    color:#253247;

}


/* ================= ABOUT HERO ================= */

.fy-about-hero {

    max-width:950px;

    margin:0 auto 85px;

    text-align:center;

}

.fy-about-badge {

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

    background:#fff7ed;

    color:#ff7a00;

    font-size:12px;

    font-weight:700;

    letter-spacing:1.5px;

    margin-bottom:20px;

}

.fy-about-hero h1 {

    font-size:52px;

    font-weight:800;

    margin:0 0 15px;

    color:#202938;

}

.fy-about-hero h1 .fina {

    color:#ff7a00;

}

.fy-about-hero h1 .yatra {

    color:#138808;

}

.fy-about-intro {

    font-size:24px;

    font-weight:600;

    color:#344054;

    margin-bottom:20px;

}

.fy-about-line {

    width:70px;

    height:4px;

    background:#ffcc00;

    border-radius:10px;

    margin:25px auto;

}

.fy-about-description {

    max-width:850px;

    margin:12px auto;

    font-size:17px;

    line-height:1.8;

    color:#667085;

}


/* ================= SECTION HEADING ================= */

.fy-section-heading {

    text-align:center;

    max-width:800px;

    margin:0 auto 45px;

}

.fy-section-heading span {

    display:block;

    color:#ff7a00;

    font-size:12px;

    font-weight:800;

    letter-spacing:2px;

    margin-bottom:10px;

}

.fy-section-heading h2 {

    font-size:38px;

    font-weight:800;

    color:#202938;

    margin-bottom:15px;

}

.fy-section-heading p {

    color:#667085;

    font-size:16px;

    line-height:1.7;

}


/* ================= FEATURE CARDS ================= */

.fy-feature-card {

    height:100%;

    padding:35px;

    background:#fff;

    border-radius:20px;

    border:1px solid #edf0f4;

    box-shadow:0 12px 40px rgba(16,24,40,.06);

    transition:.35s ease;

}

.fy-feature-card:hover {

    transform:translateY(-8px);

    box-shadow:0 20px 50px rgba(16,24,40,.11);

}

.fy-feature-icon {

    width:58px;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:16px;

    background:#fff4e8;

    color:#ff7a00;

    font-size:27px;

    margin-bottom:22px;

}

.insurance-icon {

    background:#eef9f0;

    color:#138808;

}

.travel-icon {

    background:#eef5ff;

    color:#2563eb;

}

.fy-feature-card h3 {

    font-size:22px;

    font-weight:750;

    margin-bottom:12px;

}

.fy-feature-card p {

    color:#667085;

    line-height:1.7;

    margin:0;

}


/* ================= WHY SECTION ================= */

.fy-why-section {

    margin-top:110px;

    padding:75px 0;

    background:#111827;

    border-radius:30px;

}

.fy-why-section .fy-section-heading span {

    color:#ffcc00;

}

.fy-why-section .fy-section-heading h2 {

    color:#fff;

}

.fy-why-section .fy-section-heading p {

    color:#cbd5e1;

}

.fy-why-card {

    position:relative;

    height:100%;

    padding:35px;

    margin:0 10px;

    border:1px solid rgba(255,255,255,.10);

    border-radius:20px;

    background:rgba(255,255,255,.04);

    transition:.3s ease;

}

.fy-why-card:hover {

    background:rgba(255,255,255,.08);

    transform:translateY(-6px);

}

.fy-why-card i {

    font-size:34px;

    color:#ffcc00;

    display:block;

    margin-bottom:20px;

}

.fy-why-card h3 {

    color:#fff;

    font-size:21px;

    margin-bottom:12px;

}

.fy-why-card p {

    color:#cbd5e1;

    line-height:1.7;

    margin:0;

}

.fy-number {

    position:absolute;

    right:25px;

    top:20px;

    font-size:38px;

    font-weight:800;

    color:rgba(255,255,255,.06);

}


/* ================= SERVICES ================= */

.fy-services-section {

    margin-top:110px;

}

.fy-service-card {

    height:100%;

    display:flex;

    gap:25px;

    padding:35px;

    background:#fff;

    border-radius:22px;

    border:1px solid #edf0f4;

    box-shadow:0 12px 40px rgba(16,24,40,.06);

    transition:.35s ease;

}

.fy-service-card:hover {

    transform:translateY(-7px);

    box-shadow:0 20px 50px rgba(16,24,40,.11);

}

.fy-service-icon {

    min-width:60px;

    width:60px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:17px;

    background:linear-gradient(
        135deg,
        #fff4e8,
        #fffaf5
    );

    color:#ff7a00;

    font-size:27px;

}

.fy-service-card h3 {

    font-size:23px;

    font-weight:750;

    color:#202938;

    margin:0 0 7px;

}

.fy-service-label {

    display:inline-block;

    font-size:10px;

    letter-spacing:1.2px;

    font-weight:800;

    color:#138808;

    margin-bottom:18px;

}

.fy-service-card p {

    color:#667085;

    font-size:14px;

    line-height:1.75;

    margin-bottom:13px;

}

.fy-service-card strong {

    color:#344054;

}

.fy-service-link {

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-top:5px;

    color:#138808;

    font-size:14px;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.fy-service-link:hover {

    color:#ff7a00;

    gap:12px;

}


/* ================= CTA ================= */

.fy-about-cta {

    margin-top:100px;

    padding:45px 50px;

    border-radius:25px;

    background:
        linear-gradient(
            110deg,
            #fff4e8,
            #f2f9f3
        );

    border:1px solid #f1f1f1;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

}

.fy-about-cta span {

    color:#ff7a00;

    font-size:11px;

    font-weight:800;

    letter-spacing:1.5px;

}

.fy-about-cta h2 {

    font-size:30px;

    font-weight:800;

    margin:8px 0;

    color:#202938;

}

.fy-about-cta p {

    margin:0;

    color:#667085;

}

.fy-cta-button {

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:15px 27px;

    border-radius:10px;

    background:#e8212d;

    color:#fff;

    font-weight:700;

    text-decoration:none;

    white-space:nowrap;

    transition:.3s;

}

.fy-cta-button:hover {

    background:#138808;

    color:#fff;

    transform:translateY(-2px);

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:768px) {

    .fy-about {

        padding:60px 15px;

    }

    .fy-about-hero {

        margin-bottom:60px;

    }

    .fy-about-hero h1 {

        font-size:38px;

    }

    .fy-about-intro {

        font-size:19px;

    }

    .fy-about-description {

        font-size:15px;

    }

    .fy-section-heading h2 {

        font-size:30px;

    }

    .fy-feature-card {

        padding:28px;

    }

    .fy-why-section {

        margin-top:70px;

        padding:55px 15px;

        border-radius:22px;

    }

    .fy-why-card {

        margin:0;

    }

    .fy-services-section {

        margin-top:70px;

    }

    .fy-service-card {

        flex-direction:column;

        padding:28px;

        gap:18px;

    }

    .fy-service-icon {

        min-width:55px;

        width:55px;

        height:55px;

    }

    .fy-about-cta {

        margin-top:70px;

        padding:30px;

        flex-direction:column;

        align-items:flex-start;

    }

    .fy-about-cta h2 {

        font-size:25px;

    }

    .fy-cta-button {

        width:100%;

        justify-content:center;

    }

}






/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
  padding: 15px 0;
  text-align: center;
}

.clients img {
  max-width: 60%;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  padding: 15px 0;
  /* filter: grayscale(100); */
}

.clients img:hover {
  filter: none;
  transform: scale(1.15);
}

@media (max-width: 768px) {
  .clients img {
    max-width: 40%;
  }
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  margin-bottom: 20px;
  padding: 30px;
  border-radius: 6px;
}

.services .icon-box i {
  float: left;
  color: #d9232d;
  font-size: 40px;
}

.services .icon-box h4 {
  margin-left: 70px;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

.services .icon-box h4 a {
  color: #556270;
  transition: 0.3s;
}

.services .icon-box p {
  margin-left: 70px;
  line-height: 24px;
  font-size: 14px;
}

.services .icon-box:hover h4 a {
  color: #d9232d;
}


/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features {
  overflow: hidden;
}

.features .nav-tabs {
  border: 0;
}

.features .nav-link {
  border: 0;
  padding: 12px 15px 12px 0;
  transition: 0.3s;
  color: #556270;
  border-radius: 0;
  border-right: 2px solid white;
  font-weight: 600;
  font-size: 15px;
}

.features .nav-link:hover {
  color: #d9232d;
}

.features .nav-link.active {
  color: #d9232d;
  border-color: #d9232d;
}

.features .tab-pane.active {
  animation: fadeIn 0.5s ease-out;
}

.features .details h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #556270;
}

.features .details p {
  color: #777777;
}

.features .details p:last-child {
  margin-bottom: 0;
}

@media (max-width: 992px) {
  .features .nav-link {
    border: 0;
    padding: 15px;
  }

  .features .nav-link.active {
    color: #fff;
    background: #d9232d;
  }
}



/* ==========================
   Contact Section
========================== */

.contact{

    position: relative;

    background: url("../img/contact-us.png") center center/cover no-repeat;

    padding: 80px 0;

}

.contact::before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(183, 152, 152, 0.6);

}

.contact .container{

    position: relative;

    z-index: 2;

}



.contact .info {
  width: 100%;
  background: #fff;
}

.contact .info i {
  font-size: 20px;
  color: #556270;
  float: left;
  width: 44px;
  height: 44px;
  background: #edeff1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}

.contact .info h4 {
  padding: 0 0 0 60px;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #556270;
}

.contact .info p {
  padding: 0 0 0 60px;
  margin-bottom: 0;
  font-size: 14px;
  color: #8795a4;
}

.contact .info .email,
.contact .info .phone {
  margin-top: 40px;
}

.contact .info .email:hover i,
.contact .info .address:hover i,
.contact .info .phone:hover i {
  background: #556270;
  color: #fff;
}

.contact .php-email-form {
  width: 100%;
  background: #fff;
}

.contact .php-email-form .form-group {
  padding-bottom: 8px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br+br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border-radius: 4px;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
  border-color: #d9232d;
}

.contact .php-email-form input {
  height: 44px;
}

.contact .php-email-form textarea {
  padding: 10px 12px;
}

.contact .php-email-form button[type=submit] {
  background: #d9232d;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
  background: #e24d55;
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


/* =====================================================
   PREMIUM FINA-YATRA FOOTER
===================================================== */

#footer.premium-footer {

    background: #111936;

    color: #ffffff;

    position: relative;

    overflow: hidden;

}


/* Top subtle glow */

#footer.premium-footer::before {

    content: "";

    position: absolute;

    width: 450px;
    height: 450px;

    top: -250px;
    right: -150px;

    background: rgba(255, 122, 0, 0.08);

    border-radius: 50%;

    pointer-events: none;

}


/* Footer Top */

.premium-footer .footer-top {

    padding: 75px 0 55px;

    border-bottom: 1px solid rgba(255,255,255,0.08);

}


/* Brand */

.footer-brand {

    max-width: 360px;

}


.footer-logo-link {

    display: inline-block;

    margin-bottom: 8px;

}


.footer-logo-img {

    width: 75px;

    height: 75px;

    object-fit: contain;

    transition: 0.3s ease;

}


.footer-logo-link:hover .footer-logo-img {

    transform: translateY(-4px) scale(1.03);

}


.footer-brand h3 {

    font-size: 28px;

    margin: 5px 0 5px;

    font-weight: 800;

    letter-spacing: -0.5px;

}


.footer-brand .fina {

    color: #ff7a00;

}


.footer-brand .yatra {

    color: #138808;

}


.footer-tagline {

    color: #ffffff;

    font-size: 15px;

    font-weight: 600;

    margin-bottom: 18px;

}


.footer-description {

    color: #aeb5c7;

    font-size: 14px;

    line-height: 1.8;

    margin-bottom: 22px;

}


/* Trust badge */

.footer-badge {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 9px 14px;

    border-radius: 30px;

    background: rgba(255,255,255,0.06);

    border: 1px solid rgba(255,255,255,0.09);

    color: #dce2ef;

    font-size: 12px;

}


.footer-badge span {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    background: #138808;

    color: #fff;

    font-size: 11px;

}


/* Headings */

.premium-footer h4 {

    color: #ffffff;

    font-size: 17px;

    font-weight: 700;

    margin-bottom: 25px;

    position: relative;

    padding-bottom: 12px;

}


.premium-footer h4::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 38px;

    height: 3px;

    border-radius: 10px;

    background: #ff7a00;

}


/* Footer links */

.premium-footer .footer-links ul {

    list-style: none;

    padding: 0;

    margin: 0;

}


.premium-footer .footer-links li {

    margin-bottom: 13px;

}


.premium-footer .footer-links a {

    color: #aeb5c7;

    text-decoration: none;

    font-size: 14px;

    transition: all 0.3s ease;

}


.premium-footer .footer-links a i {

    color: #ff7a00;

    margin-right: 5px;

    transition: 0.3s ease;

}


.premium-footer .footer-links a:hover {

    color: #ffffff;

    padding-left: 5px;

}


.premium-footer .footer-links a:hover i {

    color: #138808;

}


/* Contact */

.footer-contact {

    padding-left: 10px;

}


.contact-intro {

    color: #aeb5c7;

    font-size: 14px;

    line-height: 1.7;

    margin-bottom: 25px;

}


.contact-item {

    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 18px;

}


.contact-icon {

    width: 42px;

    height: 42px;

    min-width: 42px;

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(255,122,0,0.10);

    color: #ff7a00;

    font-size: 19px;

}


.contact-item span {

    display: block;

    color: #8992a8;

    font-size: 11px;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-bottom: 3px;

}


.contact-item strong {

    color: #ffffff;

    font-size: 13px;

    line-height: 1.5;

}


/* Social */

.footer-social {

    display: flex;

    gap: 10px;

    margin-top: 25px;

}


.footer-social a {

    width: 40px;

    height: 40px;

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ffffff;

    background: rgba(255,255,255,0.07);

    border: 1px solid rgba(255,255,255,0.08);

    font-size: 17px;

    text-decoration: none;

    transition: all 0.3s ease;

}


.footer-social a:hover {

    background: #ff7a00;

    border-color: #ff7a00;

    transform: translateY(-4px);

}


/* =====================================================
   FOOTER BOTTOM
===================================================== */

.footer-bottom {

    background: #0c1228;

    padding: 20px 0;

}


.footer-bottom-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

}


.copyright {

    color: #8992a8;

    font-size: 12px;

}


.copyright strong {

    color: #ffffff;

}


.footer-bottom-links {

    display: flex;

    gap: 10px;

    align-items: center;

}


.footer-bottom-links a {

    color: #aeb5c7;

    font-size: 12px;

    text-decoration: none;

    transition: 0.3s;

}


.footer-bottom-links a:hover {

    color: #ff7a00;

}


.footer-bottom-links span {

    color: #4f5870;

}


.footer-made {

    color: #8992a8;

    font-size: 12px;

}


.footer-made span {

    color: #ff4d4d;

    margin: 0 3px;

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 991px) {

    .premium-footer .footer-top {

        padding: 55px 20px 40px;

    }

    .footer-contact {

        padding-left: 0;

    }

}


@media (max-width: 767px) {

    .premium-footer .footer-top {

        padding: 45px 20px 30px;

    }


    .footer-brand {

        max-width: 100%;

    }


    .footer-brand h3 {

        font-size: 25px;

    }


    .premium-footer h4 {

        margin-top: 10px;

    }


    .footer-bottom {

        padding: 20px;

    }


    .footer-bottom-inner {

        flex-direction: column;

        text-align: center;

        gap: 12px;

    }


    .footer-bottom-links {

        justify-content: center;

    }


    .footer-made {

        text-align: center;

    }

}






.fina {
  color: #ff7a00;
}

.yatra {
  color: #138808;
}
#travel{
    background:
    linear-gradient(rgba(19,136,8,.78),rgba(255,122,0,.55)),
    url("../img/blog/2pointmap.jpg");
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
    color:#fff;
    padding:100px 0;
}

#travel h2{
    color:#fff;
    font-size:40px;
    font-weight:700;
}

#travel h3{
    color:#fff;
}

#travel p,
#travel li{
    color:#fff;
}

#travel ul i{
    color:#ffd700;
}

#finance{
    background:
    linear-gradient(rgba(81, 152, 218, 0.78),rgba(255,122,0,.55)),
    url("../img/blog/fiana.png");
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
    color:#fff;
    padding:120px 0;
}

#finance h2{
    color:#fff;
    font-size:40px;
    font-weight:700;
}

#finance h3{
    color:#fff;
}

#finance p,
#finance li{
    color:#20447f;
}

#finance ul i{
    color:#ffd700;
}



#about{
    padding:80px 0;
    background:#fff;
}

.about-content{
    padding-left:70px;
}

@media (max-width:991px){
    .about-content{
        padding-left:15px;
    }
}
#about img{
    width:100%;
    height:400px;
    object-fit:cover;
    border-radius:15px;
}

#about h2{
    font-size:40px;
    font-weight:700;
    color:#ff7a00;
}

#about h3{
    color:#138808;
}

#about p,
#about li{
    color:#555;
}

#about ul i{
    color:#ff7a00;
}
.otp-success{
    color:#28a745;
    font-weight:600;
    margin-top:10px;
}
.contact iframe{

    border-radius: 15px;

    box-shadow: 0 10px 30px rgba(0,0,0,.25);

}

.php-email-form{

    background: rgba(255,255,255,.95);

    padding: 35px;

    border-radius: 15px;

    box-shadow: 0 10px 35px rgba(0,0,0,.25);

}

/* Finance Page */

.services-premium{

    padding:90px 0;
    background:#f8fbff;

}

.section-heading{

    text-align:center;
    margin-bottom:70px;

}

.section-heading h2{

    font-size:40px;
    font-weight:800;
    color:#138808;

}

/* .section-heading p{

    font-size:18px;
    margin-top:15px;

} */

.section-heading span{

    color:#777;
    font-size:18px;

}

.service-card{

    display:flex;
    align-items:center;
    gap:45px;

    background:#fff;

    border-radius:22px;

    margin-bottom:45px;

    overflow:hidden;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

}

.service-card.reverse{

    flex-direction:row-reverse;

}

.service-img{

    width:60%;
    padding:30px;
    display:flex;
    justify-content:center;
    align-items:center;

}

.service-img img{

    width:100%;
    max-height:320px;
    object-fit:contain;
    border-radius:15px;

}

.service-info{

    width:58%;
    padding:45px;

}

.service-icon{

    width:50px;
    height:50px;

    background:#ff7a00;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;

    font-size:28px;

    margin-bottom:18px;

}

.service-info h3{

    color:#138808;
    font-size:25px;
    font-weight:700;

}

.service-info p{

    font-size:16px;
    line-height:1.9;
    color:#555;

}

.service-info ul{

    padding-left:0;
    margin:25px 0;

}

.service-info li{

    list-style:none;
    margin-bottom:12px;
    font-size:17px;

}

.service-info li::before{

    content:"✔";
    color:#138808;
    margin-right:10px;

}

.apply-btn{

    display:inline-block;

    background:#ff7a00;

    color:#fff;

    padding:14px 35px;

    border-radius:40px;

    text-decoration:none;

    transition:.3s;

}

.apply-btn:hover{

    background:#138808;
    color:#fff;

}




/* finance page for mobile */

@media(max-width:991px){

.service-card,
.service-card.reverse{

    flex-direction:column;

}

.service-img,
.service-info{

    width:100%;

}

.service-info{

    padding:30px;

}

.section-heading h2{

    font-size:36px;

}

.section-heading p{

    font-size:20px;

}

}

/* =================================== */
/* =================================== */

/* =================================== */

/* =========================================================
   FINA-YATRA PREMIUM HOMEPAGE
========================================================= */

:root{

    --fy-orange:#ff7a00;
    --fy-green:#138808;
    --fy-navy:#101936;
    --fy-dark:#0b1228;
    --fy-light:#f6f8fc;
    --fy-text:#263247;
    --fy-muted:#6d7788;

}


/* SECTION HEADING */

.section-heading{

    max-width:760px;
    margin:0 auto 55px;
}

.section-heading .eyebrow{

    display:inline-block;

    font-size:13px;
    font-weight:700;

    letter-spacing:2px;

    color:var(--fy-orange);

    margin-bottom:12px;
}

.section-heading h2{

    font-size:42px;
    line-height:1.2;

    font-weight:800;

    color:var(--fy-navy);

    margin-bottom:15px;
}

.section-heading h2 span{

    color:var(--fy-green);

}

.section-heading p{

    color:var(--fy-muted);

    font-size:16px;

    line-height:1.8;

}


/* =========================================================
   ABOUT
========================================================= */

.premium-about{

    padding:100px 0;

    background:#fff;

}

.premium-about-row{

    margin-bottom:100px;

}


/* IMAGE */

.about-visual{

    position:relative;

    padding-right:45px;

}

.about-image-main{

    height:500px;

    border-radius:28px;

    overflow:hidden;

    box-shadow:0 25px 70px rgba(16,25,54,.15);

}

.about-image-main img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:.6s;

}

.about-image-main:hover img{

    transform:scale(1.04);

}


/* FLOATING CARD */

.about-floating-card{

    position:absolute;

    right:0;
    bottom:35px;

    display:flex;

    align-items:center;

    gap:14px;

    background:#fff;

    padding:18px 22px;

    border-radius:16px;

    box-shadow:0 15px 45px rgba(0,0,0,.15);

}

.floating-icon{

    width:45px;
    height:45px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#138808;

    color:#fff;

    font-size:20px;

}

.about-floating-card strong{

    display:block;

    color:var(--fy-navy);

}

.about-floating-card span{

    display:block;

    font-size:12px;

    color:#777;

    margin-top:3px;

}


/* ABOUT CONTENT */

.about-content-premium{

    padding-left:35px;

}

.about-content-premium h3{

    font-size:34px;

    line-height:1.3;

    font-weight:800;

    color:var(--fy-navy);

    margin-bottom:22px;

}

.about-content-premium h3 span{

    color:var(--fy-green);

}

.about-content-premium > p{

    color:#626d7d;

    line-height:1.9;

    margin-bottom:18px;

}


/* FEATURES */

.about-features{

    margin-top:30px;

}

.about-feature{

    display:flex;

    gap:17px;

    padding:16px 0;

    border-bottom:1px solid #edf0f5;

}

.about-feature:last-child{

    border-bottom:0;

}

.feature-icon{

    min-width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#fff4e8;

    color:var(--fy-orange);

    border-radius:13px;

    font-size:21px;

}

.about-feature h4{

    font-size:17px;

    margin:0 0 5px;

    color:var(--fy-navy);

}

.about-feature p{

    margin:0;

    font-size:14px;

    line-height:1.6;

    color:#727b8a;

}


/* WHY US */

.why-us{

    padding-top:30px;

}

.why-card{

    position:relative;

    height:100%;

    padding:35px;

    background:#f8f9fc;

    border:1px solid #edf0f5;

    border-radius:22px;

    transition:.35s;

}

.why-card:hover{

    transform:translateY(-8px);

    background:#fff;

    box-shadow:0 20px 50px rgba(16,25,54,.10);

}

.why-card i{

    display:block;

    font-size:35px;

    color:var(--fy-orange);

    margin-bottom:20px;

}

.why-card h3{

    color:var(--fy-navy);

    font-size:21px;

}

.why-card p{

    color:#717b8b;

    line-height:1.7;

    margin:0;

}

.why-number{

    position:absolute;

    right:25px;
    top:20px;

    font-size:45px;

    font-weight:800;

    color:#edf0f5;

}


/* =========================================================
   SERVICES
========================================================= */

.premium-services{

    padding:100px 0;

    background:#f6f8fc;

}

.premium-service-card{

    position:relative;

    display:flex;

    gap:20px;

    height:100%;

    padding:30px;

    background:#fff;

    border-radius:22px;

    border:1px solid #edf0f5;

    text-decoration:none;

    overflow:hidden;

    transition:.35s;

}

.premium-service-card::after{

    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:0;
    height:4px;

    background:linear-gradient(
        90deg,
        var(--fy-orange),
        var(--fy-green)
    );

    transition:.4s;

}

.premium-service-card:hover{

    transform:translateY(-8px);

    box-shadow:0 22px 55px rgba(16,25,54,.12);

}

.premium-service-card:hover::after{

    width:100%;

}

.service-icon{

    min-width:58px;
    height:58px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:17px;

    font-size:25px;

}

.service-icon.orange{
    background:#fff0df;
    color:#ff7a00;
}

.service-icon.green{
    background:#eaf7e8;
    color:#138808;
}

.service-icon.blue{
    background:#eaf3ff;
    color:#2878d4;
}

.service-icon.purple{
    background:#f1eaff;
    color:#7a43c6;
}

.service-icon.dark-green{
    background:#e8f5ef;
    color:#087443;
}

.service-icon.red{
    background:#fff0f0;
    color:#dc3545;
}

.service-number{

    font-size:11px;

    font-weight:700;

    color:#a1a8b5;

    letter-spacing:1px;

}

.premium-service-card h3{

    color:var(--fy-navy);

    font-size:21px;

    margin:6px 0 10px;

}

.premium-service-card p{

    color:#737d8c;

    font-size:14px;

    line-height:1.7;

    margin-bottom:15px;

}

.service-link{

    color:var(--fy-orange);

    font-size:13px;

    font-weight:700;

}


/* =========================================================
   HOW IT WORKS
========================================================= */

.how-it-works{

    padding:100px 0;

    background:#fff;

}

.step-card{

    position:relative;

    height:100%;

    padding:32px 25px;

    text-align:center;

    border:1px solid #edf0f5;

    border-radius:20px;

    background:#fff;

    transition:.35s;

}

.step-card:hover{

    transform:translateY(-7px);

    box-shadow:0 20px 45px rgba(16,25,54,.09);

}

.step-number{

    position:absolute;

    top:15px;
    right:20px;

    font-size:12px;

    font-weight:700;

    color:#b2b8c3;

}

.step-icon{

    width:70px;
    height:70px;

    margin:10px auto 22px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:20px;

    background:#fff3e5;

    color:var(--fy-orange);

    font-size:28px;

}

.step-card h3{

    font-size:19px;

    color:var(--fy-navy);

}

.step-card p{

    color:#737d8c;

    font-size:14px;

    line-height:1.7;

}


/* =========================================================
   CTA
========================================================= */

.premium-cta{

    padding:40px 0 100px;

    background:#fff;

}

.cta-box{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    padding:55px 60px;

    border-radius:30px;

    overflow:hidden;

    background:linear-gradient(
        135deg,
        #dbd32e,
        #17254d
    );

    box-shadow:0 25px 70px rgba(54, 48, 16, 0.22);

}

.cta-box::after{

    content:"";

    position:absolute;

    width:280px;
    height:280px;

    border-radius:50%;

    background:rgba(255,122,0,.12);

    right:-80px;
    top:-100px;

}

.cta-box span{

    color:#17254d;

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;

}

.cta-box h2{

    color:#fff;

    font-size:36px;

    font-weight:800;

    margin:10px 0;

}

.cta-box p{

    color:#c6cede;

    margin:0;

    max-width:650px;

}

.cta-buttons{

    display:flex;

    gap:12px;

    flex-shrink:0;

}

.cta-primary,
.cta-secondary{

    padding:14px 24px;

    border-radius:10px;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.cta-primary{

    background:var(--fy-orange);

    color:#fff;

}

.cta-primary:hover{

    background:#ff8b1a;

    color:#fff;

}

.cta-secondary{

    border:1px solid rgba(255,255,255,.25);

    color:#fff;

}

.cta-secondary:hover{

    background:#fff;

    color:var(--fy-navy);

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:991px){

    .about-content-premium{

        padding-left:0;

        margin-top:45px;

    }

    .about-visual{

        padding-right:0;

    }

    .cta-box{

        flex-direction:column;

        align-items:flex-start;

        padding:40px 30px;

    }

}

@media(max-width:767px){

    .premium-about,
    .premium-services,
    .how-it-works{

        padding:70px 0;

    }

    .section-heading{

        margin-bottom:40px;

    }

    .section-heading h2{

        font-size:30px;

    }

    .about-image-main{

        height:330px;

    }

    .about-floating-card{

        right:15px;

        bottom:20px;

        padding:13px 15px;

    }

    .about-content-premium h3{

        font-size:27px;

    }

    .premium-service-card{

        padding:24px;

    }

    .cta-box h2{

        font-size:28px;

    }

    .cta-buttons{

        width:100%;

        flex-direction:column;

    }

    .cta-primary,
    .cta-secondary{

        width:100%;

        text-align:center;

    }

}