@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');





/* Fonts */

:root {

  --default-font: "Merriweather", sans-serif;

  --heading-font: "Nunito", sans-serif;

  --nav-font: "Poppins", sans-serif;

  --nav-top-font: "Montserrat", sans-serif;

  --bs-modal-width: 600px !important;

}





/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */

:root {

  --background-color: #ffffff;

  /* Background color for the entire website, including individual sections */

  --default-color: #312300;

  /* Default color used for the majority of the text content across the entire website */

  --heading-color: #141F39;

  /* Color for headings, subheadings and title throughout the website */

  --accent-color: #312300;

  /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */

  --surface-color: #ffffff;

  /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */

  --contrast-color: #ffffff;

  /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */

  --golden-color: #D1A027;

}



/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */

:root {

  --nav-color: #000000;

  /* The default color of the main navmenu links */

  --nav-hover-color: #312300;

  /* Applied to main navmenu links when they are hovered over or active */

  --nav-mobile-background-color: #ffffff;

  /* Used as the background color for mobile navigation menu */

  --nav-dropdown-background-color: #ffffff;

  /* Used as the background color for dropdown items that appear when hovering over primary navigation items */

  --nav-dropdown-color: #141F39;

  /* Used for navigation links of the dropdown items in the navigation menu. */

  --nav-dropdown-hover-color: #312300;

  /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */

}



/* Color Presets - These classes override global colors when applied to any section or element, providing reuse of the sam color scheme. */



.light-background {

  --background-color: #f9f9f9;

  --surface-color: #ffffff;

}



.dark-background {

  --background-color: #060606;

  --default-color: #ffffff;

  --heading-color: #ffffff;

  --surface-color: #252525;

  --contrast-color: #ffffff;

}



html,

body {

  scroll-behavior: smooth;

  overflow-x: hidden !important;

}



/* Smooth scroll */

:root {

  scroll-behavior: smooth;

}



/*--------------------------------------------------------------

# General Styling & Shared Classes

--------------------------------------------------------------*/

body {

  color: var(--default-color);

  background-color: var(--background-color);

  font-family: var(--default-font);

}



a {

  color: var(--accent-color);

  text-decoration: none;

  transition: 0.3s;

}



.navmenu .active::after {

  transform: scaleX(1);

  transform-origin: center center;

}



.navmenu a::after {

  content: '';

  position: absolute;

  width: 100%;

  height: 2px;

  bottom: -2px;

  /* transform: translate(-50%, -50%); */

  left: 0;

  background-color: var(--golden-color);

  transform: scaleX(0);

  transform-origin: center center;

  transition: transform 0.3s ease-out;

}



.header .topbar {

  background-color: var(--accent-color);

  height: 38px;

  padding: 0;

  font-size: 14px;

  transition: all 0.5s;

}



.header .branding {

  background-color: #fff;

  min-height: 40px;

  padding: 20px 0;

}



.header .topbar .contact-info i a {

  line-height: 0;

  transition: 0.3s;

}



.header .topbar .contact-info i a,

.header .topbar .contact-info i span {

  padding-left: 10px;

  color: var(--contrast-color);

  font-family: var(--nav-top-font);



  font-style: normal;

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

}



.header .topbar .contact-info i {

  font-style: normal;

  color: var(--contrast-color);

}



.header .topbar .social-links a {



  line-height: 0;

  transition: 0.3s;

  margin-left: 13px;

}



a:hover {

  color: color-mix(in srgb, var(--accent-color), transparent 25%);

  text-decoration: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  color: var(--heading-color);

  font-family: var(--heading-font);

}





/*--------------------------------------------------------------

# Global Header

--------------------------------------------------------------*/

.header {

  color: var(--default-color);

  background-color: var(--background-color);

  /* padding: 20px 0; */

  transition: all 0.5s;

  z-index: 997;

}



.header .logo {

  line-height: 1;

}



.scrolled .header .topbar {

  height: 0;

  visibility: hidden;

  overflow: hidden;

}



.header .logo img {

  max-height: 36px;

  margin-right: 8px;

}



.header .logo h1 {

  font-size: 30px;

  margin: 0;

  font-weight: 700;

  color: var(--heading-color);

}



.header .btn-getstarted,

.header .btn-getstarted:focus {

  color: var(--contrast-color);

  background: var(--accent-color);

  padding: 8px 20px;

  /* margin: 0 0 0 30px; */

  border-radius: 0px;

  transition: 0.3s;

  font-family: "Merriweather", serif;

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 150%;

}



.header .btn-getstarted:hover,

.header .btn-getstarted:focus:hover {

  color: var(--contrast-color);

  background: var(--golden-color);

}



.btn-getstarted,

.btn-getstarted:focus {

  color: var(--contrast-color);

  background: var(--accent-color);

  padding: 8px 20px;

  /* margin: 0 0 0 30px; */

  border-radius: 0px;

  transition: 0.3s;

  font-family: "Merriweather", serif;

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 150%;

}



.btn-getstarted:hover,

.btn-getstarted:focus:hover {

  color: var(--contrast-color);

  background: var(--golden-color);

}



@media (max-width: 1200px) {

  .header .logo {

    order: 1;

  }



  .header .btn-getstarted {

    order: 2;

    margin: 0 15px 0 0;

    padding: 6px 15px;

  }



  .header .navmenu {

    order: 3;

  }

}



.scrolled .header {

  box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);

}



/* Index Page Header

------------------------------*/

.index-page .header {

  --background-color: rgba(255, 255, 255, 1);

}



/* Index Page Header on Scroll

------------------------------*/

.index-page.scrolled .header {

  background-color: #ffffff;

}



/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/* Navmenu - Desktop */

@media (min-width: 1200px) {

  .navmenu {

    padding: 0;

  }



  .navmenu ul {

    margin: 0;

    padding: 0;

    display: flex;

    list-style: none;

    align-items: center;

  }



  .navmenu li {

    position: relative;

    margin-left: 20px;

  }



  .navmenu a,

  .navmenu a:focus {

    color: var(--nav-color);

    padding: 0;

    font-family: "Merriweather", serif;

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 150%;

    color: var(--accent-color);

    display: flex;

    align-items: center;

    justify-content: space-between;

    white-space: nowrap;

    transition: 0.3s;

  }



  .navmenu a i,

  .navmenu a:focus i {

    font-size: 12px;

    line-height: 0;

    margin-left: 5px;

    transition: 0.3s;

  }



  .navmenu li:last-child a {

    padding-right: 0;

  }



  /* .navmenu li:hover>a, */

  .navmenu .active,

  .navmenu .active:focus {

    color: var(--nav-hover-color);

    font-family: "Merriweather", serif;

    font-style: normal;

    font-weight: 900;

    font-size: 16px;

    line-height: 150%;

    color: #312300;

  }



  .navmenu .dropdown ul {

    margin: 0;

    padding: 10px 0;

    background: var(--nav-dropdown-background-color);

    display: block;

    position: absolute;

    visibility: hidden;

    left: 14px;

    top: 130%;

    opacity: 0;

    transition: 0.3s;

    border-radius: 4px;

    z-index: 99;

    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

  }



  .navmenu .dropdown ul li {

    min-width: 200px;

  }



  .navmenu .dropdown ul a {

    padding: 10px 20px;

    text-transform: none;

    font-family: 'Merriweather';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #000000;

    border-bottom: 1px solid #31230033

  }



  .navmenu .dropdown ul a i {

    font-size: 12px;

  }



  .navmenu .dropdown ul a:hover,

  .navmenu .dropdown ul .active:hover,

  .navmenu .dropdown ul li:hover>a {

    color: var(--nav-dropdown-hover-color);

    background-color: var(--golden-color);

    color: #FFFFFF;

  }



  .navmenu .dropdown ul li i {

  display: none;

 }

  .navmenu .dropdown ul li:hover>a i {

    display: block;

  }



  .dropdown_menu_inner li {

    margin-left: 0px;

  }



  .navmenu .dropdown:hover>ul {

    opacity: 1;

    top: 100%;

    visibility: visible;

  }



  .navmenu .dropdown .dropdown ul {

    top: 0;

    left: -90%;

    visibility: hidden;

  }



  .navmenu .dropdown .dropdown:hover>ul {

    opacity: 1;

    top: 0;

    left: -100%;

    visibility: visible;

  }

}



/* Navmenu - Mobile */

@media (max-width: 1199px) {

  .mobile-nav-toggle {

    color: var(--nav-color);

    font-size: 28px;

    line-height: 0;

    margin-right: 10px;

    cursor: pointer;

    transition: color 0.3s;

  }



  .navmenu {

    padding: 0;

    z-index: 9997;

  }



  .navmenu ul {

    display: none;

    list-style: none;

    position: absolute;

    inset: 60px 20px 20px 20px;

    padding: 10px 0;

    margin: 0;

    border-radius: 6px;

    background-color: var(--nav-mobile-background-color);

    overflow-y: auto;

    transition: 0.3s;

    z-index: 9998;

    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

  }



  .navmenu a,

  .navmenu a:focus {

    color: var(--nav-dropdown-color);

    padding: 10px 20px;

    font-family: var(--nav-font);

    font-size: 17px;

    font-weight: 500;

    display: flex;

    align-items: center;

    justify-content: space-between;

    white-space: nowrap;

    transition: 0.3s;

  }



  .navmenu a i,

  .navmenu a:focus i {

    font-size: 12px;

    line-height: 0;

    margin-left: 5px;

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    transition: 0.3s;

    background-color: color-mix(in srgb, var(--accent-color), transparent 90%);

  }



  .navmenu a i:hover,

  .navmenu a:focus i:hover {

    background-color: var(--accent-color);

    color: var(--contrast-color);

  }



  .navmenu a:hover,

  .navmenu .active,

  .navmenu .active:focus {

    color: var(--nav-dropdown-hover-color);

  }



  .navmenu .active i,

  .navmenu .active:focus i {

    background-color: var(--accent-color);

    color: var(--contrast-color);

    transform: rotate(180deg);

  }



  .navmenu .dropdown ul {

    position: static;

    display: none;

    z-index: 99;

    padding: 10px 0;

    margin: 10px 20px;

    background-color: var(--nav-dropdown-background-color);

    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);

    box-shadow: none;

    transition: all 0.5s ease-in-out;

  }



  .navmenu .dropdown ul ul {

    background-color: rgba(33, 37, 41, 0.1);

  }



  .navmenu .dropdown>.dropdown-active {

    display: block;

    background-color: rgba(33, 37, 41, 0.03);

  }



  .mobile-nav-active {

    overflow: hidden;

  }



  .mobile-nav-active .mobile-nav-toggle {

    color: #fff;

    position: absolute;

    font-size: 32px;

    top: 15px;

    right: 15px;

    margin-right: 0;

    z-index: 9999;

  }



  .mobile-nav-active .navmenu {

    position: fixed;

    overflow: hidden;

    inset: 0;

    background: rgba(33, 37, 41, 0.8);

    transition: 0.3s;

  }



  .mobile-nav-active .navmenu>ul {

    display: block;

  }

}



/* Listing Dropdown - Desktop */

@media (min-width: 1200px) {

  .navmenu .listing-dropdown {

    position: static;

  }



  .navmenu .listing-dropdown ul {

    margin: 0;

    padding: 10px;

    background: var(--nav-dropdown-background-color);

    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);

    position: absolute;

    top: 130%;

    left: 0;

    right: 0;

    visibility: hidden;

    opacity: 0;

    display: flex;

    transition: 0.3s;

    border-radius: 4px;

    z-index: 99;

  }



  .navmenu .listing-dropdown ul li {

    flex: 1;

  }



  .navmenu .listing-dropdown ul li a,

  .navmenu .listing-dropdown ul li:hover>a {

    padding: 10px 20px;

    font-size: 15px;

    color: var(--nav-dropdown-color);

    background-color: var(--nav-dropdown-background-color);

  }



  .navmenu .listing-dropdown ul li a:hover,

  .navmenu .listing-dropdown ul li .active,

  .navmenu .listing-dropdown ul li .active:hover {

    color: var(--nav-dropdown-hover-color);

    background-color: var(--nav-dropdown-background-color);

  }



  .navmenu .listing-dropdown:hover>ul {

    opacity: 1;

    top: 100%;

    visibility: visible;

  }

}



/* Listing Dropdown - Mobile */

@media (max-width: 1199px) {

  .navmenu .listing-dropdown ul {

    position: static;

    display: none;

    z-index: 99;

    padding: 10px 0;

    margin: 10px 20px;

    background-color: var(--nav-dropdown-background-color);

    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);

    box-shadow: none;

    transition: all 0.5s ease-in-out;

  }



  .navmenu .listing-dropdown ul ul {

    background-color: rgba(33, 37, 41, 0.1);

  }



  .navmenu .listing-dropdown>.dropdown-active {

    display: block;

    background-color: rgba(33, 37, 41, 0.03);

  }

}



/*--------------------------------------------------------------

# Global Footer

--------------------------------------------------------------*/

.footer {

  color: #fff;

  background-color: #312300;

  font-size: 14px;

  padding: 80px 0px;

  position: relative;

}



.footer .footer-newsletter {

  background-color: color-mix(in srgb, var(--accent-color), transparent 97%);

  border-top: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%);

  border-bottom: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%);

  padding: 50px 0;

}



.footer .footer-newsletter h4 {

  font-size: 24px;

}



.footer .footer-newsletter .newsletter-form {

  margin-top: 30px;

  margin-bottom: 15px;

  padding: 6px 8px;

  position: relative;

  background-color: color-mix(in srgb, var(--background-color), transparent 50%);

  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);

  box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);

  display: flex;

  transition: 0.3s;

  border-radius: 4px;

}



.footer .footer-newsletter .newsletter-form:focus-within {

  border-color: var(--accent-color);

}



.footer .footer-newsletter .newsletter-form input[type=email] {

  border: 0;

  padding: 4px;

  width: 100%;

  background-color: color-mix(in srgb, var(--background-color), transparent 50%);

  color: var(--default-color);

}



.footer .footer-newsletter .newsletter-form input[type=email]:focus-visible {

  outline: none;

}



.footer .footer-newsletter .newsletter-form input[type=submit] {

  border: 0;

  font-size: 16px;

  padding: 0 20px;

  margin: -7px -8px -7px 0;

  background: var(--accent-color);

  color: var(--contrast-color);

  transition: 0.3s;

  border-radius: 0 4px 4px 0;

}



.footer .footer-newsletter .newsletter-form input[type=submit]:hover {

  background: color-mix(in srgb, var(--accent-color), transparent 20%);

}



.footer .footer-top {

  padding-top: 50px;

}



.footer .social-links a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  border-radius: 4px;

  background-color: color-mix(in srgb, var(--accent-color), transparent 97%);

  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%);

  font-size: 16px;

  color: var(--accent-color);

  margin-right: 10px;

  transition: 0.3s;

}



.footer .social-links a:hover {

  color: var(--contrast-color);

  background-color: var(--accent-color);

}



.footer h4 {

  position: relative;

  padding-bottom: 12px;

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: 14px;

  line-height: 150%;

  color: #FFFFFF;

}



.footer .footer-links {

  margin-bottom: 30px;

}



.footer .footer-links ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



.footer .footer-links ul i {

  margin-right: 3px;

  font-size: 12px;

  line-height: 0;

  color: var(--accent-color);

}



.footer .footer-links ul li {

  padding: 10px 0;

  display: flex;

  align-items: center;

}



.footer .footer-links ul li:first-child {

  padding-top: 0;

}



.footer .footer-links ul a {

  display: inline-block;

  color: #fff;

  line-height: 1;

}



.footer .footer-links ul a:hover {

  color: var(--golden-color);

}



.footer .footer-about a {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 14px;

  line-height: 150%;

  color: #FFFFFF;



}



.footer .footer-contact p {

  margin-bottom: 5px;

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 14px;

  line-height: 150%;

  color: #FFFFFF;



}



.footer .copyright {

  padding-top: 40px;

  border-top: 1px solid #D1A027;

}



.footer .copyright p {

  margin-bottom: 0;

}



.footer .credits {

  margin-top: 6px;

  font-size: 13px;

}



/*--------------------------------------------------------------

# Scroll Top Button

--------------------------------------------------------------*/

.scroll-top {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  right: 15px;

  bottom: 15px;

  z-index: 99999;

  background-color: var(--accent-color);

  width: 40px;

  height: 40px;

  border-radius: 4px;

  transition: all 0.4s;

}



.scroll-top i {

  font-size: 24px;

  color: var(--contrast-color);

  line-height: 0;

}



.scroll-top:hover {

  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);

  color: var(--contrast-color);

}



.scroll-top.active {

  visibility: visible;

  opacity: 1;

}



/*--------------------------------------------------------------

# Disable aos animation delay on mobile devices

--------------------------------------------------------------*/

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

  [data-aos-delay] {

    transition-delay: 0 !important;

  }

  .topbar 

  {

      display : none !important;

  }

}



/*--------------------------------------------------------------

# Global Page Titles & Breadcrumbs

--------------------------------------------------------------*/

.page-title {

  color: var(--default-color);

  background-color: var(--background-color);

  position: relative;

}



.page-title .heading {

  padding: 180px 0px 50px 0px;

  background: url(../img/about-banner.png) center center no-repeat;

  box-shadow: inset 447px 4px 107.5px 23px rgba(0, 0, 0, 0.5);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;



}





#contact .page-title .heading {

  background: url(../img/contact-banner.jpg) center center no-repeat;

  background-size: cover;

  background-position: 50% 35%;

  background-repeat: no-repeat;

  display: flex;

  justify-content: center;

  align-items: end;

  min-height: 50vh;

}



.page-title nav {

  /* background-color: color-mix(in srgb, var(--default-color), transparent 95%); */

  padding: 0;

}



.page-title nav ol {

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  margin: 0;

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: 18px;

  line-height: 28px;

  color: #FFFFFF;

  padding-left: 0;

  color: #fff;

}



.page-title nav ol li+li {

  padding-left: 10px;

}



.page-title nav ol li+li::before {

  content: ">";

  display: inline-block;

  padding-right: 12px;

  color: #fff;

}







/*--------------------------------------------------------------

# Hero Section

--------------------------------------------------------------*/

/* .hero {

  width: 100%;

  min-height: 100vh;

  position: relative;

  padding: 180px 0 0px 0;

  display: flex;

  align-items: center;

  background: url(../img/hero-bg.png) top center no-repeat;

  background-size: cover;

} */



.hero h1 {

  margin: 0;

  font-family: "Merriweather", serif;

  font-style: normal;

  font-weight: 700;

  font-size: clamp(18px, calc(20px + (56 - 20) * ((100vw - 320px) / (1200 - 320))), 56px);

  line-height: clamp(24px, calc(26px + (64 - 26) * ((100vw - 320px) / (1200 - 320))), 64px);

  text-align: center;

  text-transform: capitalize;

  color: #FFFFFF;

  margin-bottom: 1rem;

}



.hero p {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 18px;

  line-height: 150%;

  text-align: center;

  color: #FFFFFF;

  margin: 5px 0 30px 0;



}



.hero .btn-get-started {

  color: var(--contrast-color);

  background: var(--accent-color);

  font-family: var(--heading-font);

  font-weight: 500;

  font-size: 16px;

  letter-spacing: 1px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 12px 40px;

  border-radius: 4px;

  transition: 0.5s;

  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);

}



.hero .btn-get-started i {

  margin-left: 5px;

  font-size: 18px;

  transition: 0.3s;

}



.hero .btn-get-started:hover {

  color: var(--contrast-color);

  background: color-mix(in srgb, var(--accent-color), transparent 15%);

  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);

}



.hero .btn-get-started:hover i {

  transform: translateX(5px);

}



.hero .btn-watch-video {

  font-size: 16px;

  transition: 0.5s;

  color: var(--default-color);

  font-weight: 600;

}



.hero .btn-watch-video i {

  color: var(--accent-color);

  font-size: 32px;

  transition: 0.3s;

  line-height: 0;

  margin-right: 8px;

}







/* glovia website css starts farhan  */



.hero-banner-slider {

  width: 100%;

  height: 100vh;

  /* padding: 180px 0 0px 0; */

  min-height: 450px;

  position: relative;

}



.slide-bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  transition: transform 7s ease-out;

}



.slide-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.1);

}



.slide-content {

  position: relative;

  z-index: 10;

  padding: 200px 0 60px 0;

  height: 100%;

  text-align: center;



}







.slide-subtitle {

  font-size: 1.25rem;

  font-weight: 300;

  margin-bottom: 1.5rem;

  max-width: 600px;

}



.highlight-text {

  color: var(--golden-color);



}



.btn-custom-gold {

  background-color: var(--golden-color);

  border-color: var(--golden-color);

  color: #ffffff;

  font-weight: 600;

  padding: 0.75rem 2rem;



  border-radius: 0rem;

  transition: all 0.3s ease;

}



.btn-custom-gold:hover {

  background-color: var(--accent-color);

  border-color: var(--accent-color);

  color: #fff;

  /* transform: translateY(-2px); */

}







.swiper-slide-active .slide-bg {

  transform: scale(1.03);

}



.trusted_sec {

  padding-top: clamp(20px, 5vw, 80px);

  padding-bottom: clamp(20px, 5vw, 80px);

}



.trusted_sec {

  background-color: var(--accent-color);

}



.container,

.container-fluid,

.container-lg,

.container-md,

.container-xl,

.container-xxl {

  --bs-gutter-x: 5rem;

  --bs-gutter-y: 0;



}



.clients .swiper-slide img {

  transition: 0.3s;

  height: auto;

  /* opacity: 0.5; */

}



.section-title {

  text-align: center;

  padding-bottom: 45px;

  position: relative;

}



.pt_112 {

  padding-top: clamp(60px, 9vw, 112px);

  padding-bottom: clamp(60px, 6vw, 112px);

}





.pt_50 {

  padding-top: clamp(30px, 40%, 50px);

  padding-bottom: clamp(40px, 6vw, 60px);

}



.section-title h2 {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(30px, 4vw, 48px);

  line-height: 120%;

  text-align: center;

  /* color: #141F39; */

}



.section-title p {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 400;

  font-size: 18px;

  line-height: 150%;

  text-align: center;

  color: var(--heading-color);

  margin-bottom: 0;

}



.services-card {

  background-color: #fff;

  border-radius: 0;

  overflow: hidden;

  display: flex;

  flex-direction: column;

  height: auto;

  border: 1px solid #404040;

}



.fp_cards {

  padding: 0rem 2rem;

}



.fp_cards p {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 150%;

  color: #000000;

  margin-bottom: 24px;

}



.fp_cards h3 {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 700;

  font-size: 24px;

  line-height: 140%;

  color: var(--default-color);

}



.get_bt a {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 150%;

  color: #000000;

}



.country_text h4 {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(16px, 3vw, 32px);

  line-height: 140%;

  color: #000000;

  margin-bottom: 20px;



}



.country_text p,

.service_sec .content p {

  font-style: normal;

  font-weight: 400;

  font-size: 20px;

  line-height: 140%;

  color: #000000;

  opacity: 0.5;



}



.tags_sec span {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: 14px;

  line-height: 30px;

  color: #312300;

  border: 1px solid #312300;

  border-radius: 999px;

  padding: 10px 16px;

  margin-right: 10px;

}



.map_area {

  background: var(--golden-color);

  border-bottom: 1px solid #000000;

}



.learn_more h6 {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: 16px;

  line-height: 150%;

  color: #000000;

}



.learn_more {

  padding: 10px 5rem;

}



.padding_164 {

  padding-top: clamp(32px, 8vw, 164px);

  padding-bottom: clamp(32px, 8vw, 164px);

}



.service_sec h3 {

  font-family: "Merriweather", serif;

  font-style: normal;

  font-weight: 700;

  font-size: clamp(18px, calc(20px + (56 - 20) * ((100vw - 320px) / (1200 - 320))), 56px);

  line-height: clamp(24px, calc(26px + (64 - 26) * ((100vw - 320px) / (1200 - 320))), 64px);

  text-align: start;

  text-transform: capitalize;

  /* color: #FFFFFF; */

  margin-bottom: 1rem;

}



.service_img img {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  object-fit: cover;

  object-position: center;

}



.service_sec {

  background: url(../img/service-bg.png) center / cover no-repeat;

  background-size: contain;

  background-position: 100% -220px;

  background-repeat: no-repeat;

}



.popular-Services {

  background-color: rgba(209, 160, 39, 0.2);

  margin-bottom: clamp(28px, 7vw, 130px);

}



.popular-Services h3,

.contact-section h3,

.application_process h3 {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 600;

  font-size: 16px;

  line-height: 150%;

  text-align: center;

  color: #000000;

  margin-bottom: 16px;

}



.contact-section .section-title h2 {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(30px, 4vw, 48px);

  line-height: 120%;

  text-align: center;

  color: var(--golden-color);

  margin-bottom: 24px;

}



.contact-section .section-title p {

  margin-bottom: 0;

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 18px;

  line-height: 150%;

  text-align: center;

  color: #000000;

}



.popular-services {

  background: rgba(209, 160, 39, 0.2);



  padding-top: clamp(30px, 3vw, 50px);



}



.popular-services {

  position: relative;

  height: 100%;

  background-size: cover;

  background-position: center;

  border-radius: 0px;

  overflow: hidden;

  /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */

  transition: transform 0.3s ease, box-shadow 0.3s ease;

  border: 1px solid rgba(0, 0, 0, 1)

}



.popular-services:hover {

  transform: translateY(-5px);

  /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); */

}



.card-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.2);

  z-index: 1;

}



.card-content {

  position: absolute;

  /* bottom: 30px; */

  left: 30px;

  right: 30px;

  color: white;

  z-index: 2;

}



.card-title {

  margin-bottom: 0.5rem;

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(20px, 3vw, 32px);

  line-height: 140%;

  max-width: 150px;

  color: #FFFFFF;

}



.separator {

  width: 50px;

  height: 3px;

  background-color: #D9D9D9;

  margin-bottom: 1.5rem;

}



#card-1 {

  background-image: url('../img/s1.png');

}



#card-2 {

  background-image: url('../img/s2.png');

}



#card-3 {

  background-image: url('../img/s3.png');

}



#card-4 {

  background-image: url('../img/s4.png');

}



#card-5 {

  background-image: url('../img/s5.png');

}



#card-6 {

  background-image: url('../img/s6.png');

}



.card_height {

  height: 400px;

}





.get_touch_sec {

  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../../assets/img/imigrants.png) center center no-repeat;

  align-items: center;

  background-size: cover;

  background-position: center;

  position: absolute;

  left: 0;

  right: 0;

  z-index: 1;



}



.get_sec h3 {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(20px, 4vw, 48px);

  line-height: 120%;

  color: #fff;

  margin-bottom: 1rem;

}



.get_sec p {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 18px;

  line-height: 150%;

  color: #FFFFFF;

}



.mb_row {

  margin-bottom: clamp(100px, 5vw, 200px);

}



.get_touch_sec {

  padding: clamp(20px, 5vw, 64px);

}



.pt_132 {

  padding-top: clamp(80px, 7vw, 132px);

  padding-bottom: clamp(80px, 7vw, 132px);

}



.mt_80 {

  margin-top: clamp(50px, 7vw, 80px);

}



#testimonials .content h2 {

  font-size: clamp(28px, 5vw, 48px);

  line-height: 120%;

  margin-bottom: 24px;

}



.testimonial-stars {

  color: #D1A027;

  font-size: 1.5rem;

  margin-bottom: 2rem;

}



.testimonial-card {

  background-color: #fff;

  border-radius: 0;



  padding: 2rem;

  text-align: start;

}



.testimonial-author img {

  width: 60px;

  height: 60px;

  border-radius: 50%;

  object-fit: cover;

  margin-right: 1rem;

}



.author-info h6 {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 600;

  font-size: 16px;

  line-height: 150%;

  color: #000000;

  margin-bottom: 0;



}



.testimonial-quote {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 700 !important;

  font-size: 20px !important;

  line-height: 140%;

  color: #000000;

  text-align: start !important;

  margin-bottom: 1.5rem !important;

}



.testimonial-author {

  display: flex;

  align-items: center;

  justify-content: start;

}



.author-info p {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 150%;

  color: #000000;

  margin-bottom: 0;

}









.blur-layer {

  position: absolute;

  top: 0;

  background: #D1A027;

  filter: blur(200px);

  left: calc(50% - 782px / 2 + 165px);

  width: 782px;

  height: 129px;

}



/* form contact */







.contact-card {

  padding: 2rem 1rem;

  border-radius: 0;

  text-align: center;

  height: 100%;

  transition: transform 0.3s ease;

  background: rgba(209, 160, 39, 0.2);

}



.contact-card:hover {

  transform: translateY(-5px);

}



.contact-card .info_text {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  line-height: 130%;

  text-align: center;

  color: #000000;

  font-size: clamp(20px, 4vw, 32px);

}

















.contact-form {

  margin-top: 4rem;

}



.form-label {

  font-weight: 600;

  font-size: 1rem;

  margin-bottom: 0.5rem;

  display: block;

  color: var(--default-color);

}



.form-control {

  border: none;

  border-bottom: 1px solid #CACACA;

  border-radius: 0;

  padding: 0.375rem 0;

  box-shadow: none !important;

  transition: border-color 0.15s ease-in-out;

}



textarea.form-control {

  /* border: 1px solid #ccc; */

  border-bottom: 1px solid CACACA;

  padding: 0.75rem;

  resize: vertical;

}



.form-control:focus {

  border-color: var(--accent-color);

  border-bottom: 2px solid var(--accent-color);

}



textarea.form-control:focus {

  border-color: var(--accent-color);

}



.custom-submit-btn {

  background-color: var(--accent-color);

  border-color: var(--accent-color);

  color: #fff;

  font-weight: 600;

  padding: 0.75rem 2rem;

  border-radius: 0.5rem;

  transition: background-color 0.3s ease, border-color 0.3s ease;

}



.custom-submit-btn:hover {

  background-color: #A37728;

  border-color: #A37728;

  color: #fff;

}





.fp_cards a {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 150%;

  color: #000000;

}



/* about page css */

#about .heading h1,

#contact .heading h1,

#visa_service .heading h1,

#study_permit .heading h1,

#work_permit .heading h1,

#immigration_services .heading h1,

#passport_services .heading h1 {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(32px, 6vw, 50px);

  line-height: clamp(40px, 7vw, 90px);

  text-transform: capitalize;

  color: #FFFFFF;

}



.h6_text h6 {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: clamp(16px, 2vw, 24px);

  line-height: 120%;

  color: rgba(49, 35, 0, 1);

  margin-bottom: 1.4rem;

}



.h6_text p {



  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(18px, 2.5vw, 32px);

  line-height: 150%;

  text-align: justify;

  color: #312300;

  margin-bottom: 1rem;

}



.box_text {

  border: 1px solid #312300;

  border-radius: 12px;

  padding: 24px 36px;

}



.box_text p {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: clamp(16px, 2vw, 24px);

  line-height: 150%;

  text-align: justify;

  color: #D1A027;

}







.service-card {

  padding: 1.5rem;

  border-radius: 1rem;

  min-height: 80px;

  display: flex;

  align-items: center;

  font-weight: 600;

  transition: transform 0.2s, box-shadow 0.2s;

}



.service-card span {

  font-family: 'Plus Jakarta Sans';

  font-style: normal;

  font-weight: 700;

  font-size: 18.7524px;

  line-height: 26px;

  color: #312300;



}



.service-card:hover {

  transform: translateY(-3px);

  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);

}



.card-light {

  background: rgba(209, 160, 39, 0.3);

  border: 0.852381px solid #E3DBD8;

  border-radius: 17.0476px;

}



.card-light .icon-container {

  background-color: #D1A027;

  color: #fff;

}



.card-dark {

  background-color: var(--golden-color);

  color: #fff;

}



.card-dark .icon-container {

  background-color: #fff;

  color: var(--color-dark);

}



.icon-container {

  width: 50px;

  height: 50px;

  min-width: 50px;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 1.25rem;

  margin-right: 1rem;

}



.btn-appointment {

  background-color: var(--color-dark);

  color: #fff;

  font-weight: 600;

  padding: 0.75rem 1.5rem;

  border-radius: 0.5rem;

  transition: background-color 0.2s;

  border: none;

  display: flex;

  align-items: center;

}



.btn-appointment:hover {

  background-color: #a8843c;

  color: #fff;

}



.contact-info .icon-circle {

  background-color: var(--golden-color);

  color: #fff;

  width: 45px;

  height: 45px;

  min-width: 45px;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 1.1rem;

}



.contact-info .phone-number {

  font-family: 'Plus Jakarta Sans';

  font-style: normal;

  font-weight: 600;

  font-size: 18px;

  line-height: 28px;

  /* identical to box height, or 156% */

}





.need_help small {

  font-family: 'Plus Jakarta Sans';

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 30px;

  color: #312300;

}



.abot_text p {

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 150%;

  text-align: justify;

  color: #312300;

  opacity: 0.8;

  /* margin-bottom: 0; */

  margin-top: 30px;

}





.ceo-msg {

  background-color: white;

  z-index: 20;

  position: relative;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);

  border-radius: 20px;

}



.ceo-image-box {

  position: relative;

  z-index: 10;

  border-radius: 1.5rem;

  overflow: hidden;



}



.ceo-image-box img {

  width: 100%;

  height: 100%;

  min-height: 400px;

  object-fit: cover;

  border-radius: 1.5rem;

}



.quote-icon {



  margin-bottom: 1.3rem;



}



.ceo-text {

  font-family: Merriweather;

  font-size: clamp(16px, 2vw, 14px);

  line-height: clamp(28px, 4vw, 34px);

  letter-spacing: 0%;

}



.ceo-text strong {

  font-weight: 600;

  color: black;

}



.ceo-signature {

  display: flex;

  align-items: center;

  /* margin-top: 2rem; */

  padding-top: 1rem;

}



.ceo-avatar {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background-color: #f0f0f0;

  margin-right: 1rem;

  border: 2px solid white;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

}



.ceo-name {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: 22px;

  line-height: 30px;

  color: #312300;

  margin-bottom: 5px;

}



.ceo-title {

  text-transform: uppercase;

  letter-spacing: 0.05em;

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 30px;

  color: #727272;

  margin-bottom: 0;

}



.padd_64 {

  padding-top: clamp(30px, 5vw, 64px);

  padding-bottom: clamp(30px, 5vw, 64px);

}



.vm_content h3 {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(20px, 3vw, 40px);

  line-height: 150%;

  text-align: justify;

  color: #312300;

  margin-bottom: 0.8rem;

}



.vm_content p {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 150%;

  text-align: justify;

  color: #312300;

  opacity: 0.8;

  margin-bottom: 0;

}



/* ends about  */



/* servies page css */



/* visa page css */



#visa_service .page-title .heading {

  background: url(../img/visa-banner.png) center center no-repeat;

  background-size: cover;

  background-position: 50% 35%;

  background-repeat: no-repeat;

  display: flex;

  justify-content: center;

  align-items: end;

  min-height: 50vh;

}



.vs_banners {

  background: url(../img/visa-service.png) center center no-repeat;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  padding: 2.8rem 3rem;

}





.visa_text h4 {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(22px, 3vw, 40px);

  line-height: 120%;

  color: #312300;

  margin-bottom: 3rem;



}





#visa_service .blur-layer {

  background: #D1A027;

  filter: blur(134.1px);

  position: absolute;

  width: 224.56px;

  height: 339px;

  left: 150px;

  top: 50px;

}



.VisitVisa {

  background-color: #fbf6ea;

  transition: background-color 0.3s ease-in-out;

  color: #000000;

  margin-bottom: 0;

  padding: 1.5rem;

  border-radius: 0;

  border: 1px solid rgba(209, 160, 39, 1);

}



.VisitVisa:hover {

  background-color: rgba(209, 160, 39, 0.2);

  cursor: pointer;

}



.VisitVisa:first-child {

  background-color: rgba(209, 160, 39, 0.2);

}



.visa-title {

  margin-bottom: 0;

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 150%;

  text-align: justify;

  color: #000000;

  opacity: 0.8;

}



.query-form-banner {

  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../img/visabanner.png)  no-repeat;

  background-size: cover;

  background-position: center;

  min-height: 100vh;

  position: relative;

  display: flex;

  justify-content: center;

  align-items: end;

  padding-bottom: 50px;



}



/* .query-form-banner::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.75);

  z-index: -1;

} */





.phone-box {

  background-color: rgba(209, 160, 39, 0.2);

  border-radius: 0;

  padding: 1rem 1.5rem;

  display: inline-flex;

  align-items: center;

  gap: 1rem;

  transition: background-color 0.3s;

}



.call_number {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: clamp(18px, 2vw, 25px);

  line-height: 150%;

  text-align: center;

  text-decoration-line: underline;

  color: #FFFFFF;

}



.call_text {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: clamp(18px, 2vw, 22px);

  line-height: 130%;





  color: #FFFFFF;

}





.query-form-banner h1 {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(24px, 4vw, 50px);

  line-height: clamp(32px, 5vw, 60px);

  color: #FFFFFF;



}



.query-form-banner p {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 18px;

  line-height: 150%;

  color: rgba(255, 255, 255, 0.5);

}



.query-form-banner {

  margin-bottom: 55px;

}



#visa_service .vs-blur-layer {

  background: #D1A027;

  filter: blur(134.1px);

  position: absolute;

  width: 224.56px;

  height: 339px;

  left: auto;

  top: 50px;

  right: 0;

}



.application_process h2,

.faqs-sec h2 {

  font-style: normal;

  font-weight: 700;

  font-size: clamp(30px, 4vw, 48px);

  line-height: 120%;

  text-align: center;

  font-family: 'Merriweather';

  color: #312300;

  margin-bottom: 1.5rem;

}





.application_process p,

.faqs-sec p {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 18px;

  line-height: 150%;

  text-align: center;

  color: rgba(0, 0, 0, 0.8);

  max-width: 700px;

  margin: 0 auto;

}













.feature-item {

  display: flex;

  align-items: center;

  margin-bottom: 2rem;

  justify-content: center;

}









.feature-text {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(16px, 2vw, 24px);

  line-height: 140%;

  text-align: center;

  color: #000000;

}



.our_service_cards {

  transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;

  border-radius: 0;

  background-color: #fff;

  padding: 2rem 4rem 2rem 2rem;

  height: 300px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;



}



.our_service_cards:hover {

  background-color: rgba(220, 183, 92, 0.5);

  transition: all 0.3s ease-in-out;

}



.our_services {

  background: url(../img/circle-bg.png) center center no-repeat;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  position: relative;

}



.fly_image {

  bottom: 29px;

  position: absolute;

  width: 715px;

  height: 610px;

  left: 780px;

}



.decorative-line-container {

  position: absolute;

  bottom: 2rem;

  right: 2rem;

  z-index: 0;

}



.service_txt {



  font-family: 'Plus Jakarta Sans';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(20px, 3vw, 34px);

  line-height: clamp(28px, 4vw, 48px);

  color: #312300;

}



#icon-circle {

  border: 0.8px solid #E3DBD8;

  width: 80px;

  height: 80px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

}



.service_headings {

  font-family: 'Plus Jakarta Sans';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(13px, 2vw, 17px);

  line-height: 24px;

  color: #312300;

}



.text-custom-gold {

  font-family: 'Plus Jakarta Sans';

  font-style: normal;

  font-weight: 600;

  font-size: 11.2px;

  line-height: 24px;

  color: #312300;

}



/* visa page css ends */



/* study permit page css */

#study_permit .page-title .heading {

  background: url(../img/sp-bg.png) center center no-repeat;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  display: flex;

  justify-content: center;

  align-items: end;

  min-height: 50vh;

}



.spermit_content h3 {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(20px, 3vw, 40px);

  line-height: 156%;

  margin-bottom: 2rem;



}



.spermit_content p {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 150%;

  text-align: justify;

  color: rgba(49, 35, 0, 0.8);

  margin-bottom: 2rem;

}



.golden_text {

  color: var(--golden-color);

}



.padd_100 {

  padding-top: clamp(50px, 5vw, 100px);

  padding-bottom: clamp(50px, 5vw, 100px);



}



.study-permit-card {

  border: none;

  transition: transform 0.3s, box-shadow 0.3s;

  overflow: hidden;

  height: 100%;

  display: flex;

  flex-direction: column;



  box-shadow: 0px 0px 48.6842px rgba(0, 0, 0, 0.05);

  border-radius: 0px 0px 16.2281px 16.2281px;

}



.study-permit-card:hover {

  transform: translateY(-5px);

  box-shadow: var(--card-hover-shadow);

}



.card-image-top {

  width: 100%;

  height: 250px;

  object-fit: cover;

  display: block;

  background: #ffffff00;

  border-radius: 16.2281px 16.2281px 0px 0px;

}



.card-body-content {

  padding: 2rem 3.5rem 2rem 2rem;

  flex-grow: 1;

  background: #fff;

}



.card-title-main {

  margin-bottom: 0.8rem !important;

  font-family: 'Plus Jakarta Sans !important';

  font-style: normal;

  font-weight: 700 !important;

  font-size: 17.8509px !important;

  line-height: 24px !important;

  color: #312300 !important;

}



.card-description {

  margin-bottom: 1.5rem;

  flex-grow: 1;

  font-family: 'Plus Jakarta Sans';

  font-style: normal;

  font-weight: 400;

  font-size: 12.9825px;

  line-height: 24px;

  text-align: justify;

  color: #727272;

}



.learn-more-link {

  display: inline-flex;

  align-items: center;

  font-family: 'Plus Jakarta Sans';

  font-style: normal;

  font-weight: 600;

  font-size: 11.2px;

  line-height: 24px;

  color: #312300;

}



.learn-more-link .arrow {

  margin-left: 0.5rem;

  transition: margin-left 0.2s;

}



.learn-more-link:hover .arrow {

  margin-left: 0.75rem;

}



.per_layer img {

  position: absolute;

  z-index: -1;

  bottom: -40px;

  left: 0;

}



/* country tabs css */

.choose_country {

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

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;





}



.choose_country_title {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: 16px;

  line-height: 28px;

  color: #312300;

}





.nav-tabs {

  border-bottom: 1px solid rgba(49, 35, 0, 0.3);

  /* flex-wrap: nowrap;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch; */

  padding-bottom: 0;

}



.nav-item {

  flex-shrink: 0;

  margin-right: 5px;

}



.nav-link {

  display: flex;

  align-items: center;

  padding: 8px 15px;

  border: 1px solid var(--border-color);

  border-radius: 8px 8px 0 0 !important;

  background-color: var(--inactive-bg);

  color: var(--primary-text);

  font-weight: 600;

  transition: all 0.3s ease;

  white-space: nowrap;

  border-bottom: 1px solid var(--border-color);

}



.nav-link img {

  width: 20px;

  height: 15px;

  margin-right: 8px;

  border: 1px solid rgba(0, 0, 0, 0.1);

  border-radius: 2px;

  object-fit: cover;

}



.nav-link.active {

  position: relative;

  z-index: 2;

  background: linear-gradient(180deg, #FFFFFF 0%, #D1A027 94.66%);

  border-bottom: 1px solid rgba(49, 35, 0, 0.3);

  padding: 10px;

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(14px, 2vw, 20px);

  line-height: 25px;

  color: #312300 !important;

}



.nav-tabs .nav-link {

  padding: 10px 30px;

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(14px, 2vw, 20px);

  line-height: 25px;

  color: #312300 !important;

}



.nav-link:hover:not(.active) {

  background-color: #fffaf0;

  border-color: #ddd;

}



.tab-content {

  padding-bottom: 4rem;

  padding-top: 3rem;

  position: relative;

  z-index: 1;

}



.tab-pane h2 {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(20px, 2.5vw, 32px);

  line-height: 120%;

  color: #312300;

  margin-bottom: 1.5rem;

}



.tab-pane ul {

  list-style: none;

  padding-left: 0;

  margin-bottom: 0;

}



.tab-pane li {

  margin-bottom: 12px;

  padding-left: 20px !important;

  position: relative;

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(14px, 2vw, 20px);

  line-height: 120%;

  color: rgba(49, 35, 0, 0.8);

}



.tab-pane li::before {

  content: "•";

  color: var(--accent-color);

  font-weight: 900;

  position: absolute;

  left: 5px;

  top: auto;

}



.tab-pane.active ul li:first-child {

  /* margin-left: -12px; */

  border-radius: 4px;

  background: rgba(209, 160, 39, 0.2);

  border-bottom: 1px solid rgba(49, 35, 0, 0.3);

  padding: 10px;

}



/* faqs section */

.faqs-sec h1 {

  font-family: var(--title-font);

  font-size: 2.5rem;

  font-weight: 700;

  color: var(--dark-text);

}





.faq-item {

  border-bottom: 1px solid var(--light-gray-border);

  cursor: pointer;

  transition: background-color 0.3s ease;

  padding: 2rem 2rem 2.5rem 3rem;

  border: 1px solid rgba(228, 230, 232, 1);

  border-radius: 5px;

  cursor: pointer;

  transition: background-color 0.3s ease;

  padding: 2rem 2rem 2.5rem 3rem;

}



.faq-item.active {

  background-color: rgba(209, 160, 39, 0.2);

  border-bottom: none;

  border-radius: 5px;

  box-shadow: inset 0px -1px 0px #E4E6E8 !important;

}



.faq-header {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  /* padding: 2rem 2rem 0px 2rem; */

  /* background: rgba(209, 160, 39, 0.2) !important; */



  border-radius: 5px 5px 0px 0px;

  align-items: center;

  gap: 40px;

  border: 0 !important;

}



.faq-number {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(22px, 3vw, 44px);

  line-height: clamp(30px, 4vw, 58px);

  color: #000000;



}



.faq-question {

  flex-grow: 1;



  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(16px, 2vw, 24px);

  line-height: clamp(22px, 3vw, 32px);

  display: flex;

  align-items: center;

  color: #000000;



}



.faq-toggle {

  width: 42px;

  height: 42px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid var(--dark-text);

  transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;

  flex-shrink: 0;

  background: #F2F4F6;

  border-radius: 4px;

}



.faq-item.active .faq-toggle {

  background: #000000;

  border-radius: 4px;

  color: #fff;

}



.faq-toggle-icon {

  color: var(--dark-text);

  font-size: 1.5rem;

  line-height: 1;

  transition: color 0.3s ease;

}



.faq-item.active .faq-toggle-icon {

  color: var(--beige-bg);

}



#study_permit .mb_row {

  margin-bottom: clamp(200px, 5vw, 300px);

}



.faq-content {

  overflow: hidden;

  transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;

  max-height: 0;

  padding-left: calc(1.5rem + 1.5rem + 3rem);

  padding-right: 2.5rem;



}



.faq-item.active .faq-content {

  /* background: rgba(209, 160, 39, 0.2); */

  border-bottom: 1px solid #E4E6E8;

  border-radius: 0px 0px 16px 16px;

}



.faq-content-inner {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 24px;

  color: #737373;

}



/* ends faqs section */





/* ends study permit page css */





/* work permit page css */



#work_permit .page-title .heading {

  background: url(../img/work-permit-banner.png) center center no-repeat;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  display: flex;

  justify-content: center;

  align-items: end;

  min-height: 50vh;

}



/* ends work permit page css */



/* immigration page css */



#immigration_services .page-title .heading {

  background: url(../img/imgration.png) center center no-repeat;

  background-size: cover;

  background-position: 100% 80px;

  background-repeat: no-repeat;

  display: flex;

  justify-content: center;

  align-items: end;

  min-height: 50vh;

}



.img_sec_img {

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

  background-size: cover;

  background-position: center;

  position: relative;

}





.bg_imgrantion {

  padding: 1rem 2rem;

}



.img_text p {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 150%;

  text-align: justify;

  color: rgba(255, 255, 255, 0.8);

}



.bg_imgrantion {

  /* background: rgba(49, 35, 0, 0.8); */

  min-height: 100vh;

}



.animated_text h5 {

  font-family: Merriweather;

  font-weight: 700;

  line-height: 35px;

  letter-spacing: 0%;

  font-size: clamp(20px, 3vw, 40px);

  color: #fff;

}



.bg_imgrantion .row {

  background: rgba(49, 35, 0, 0.8);

  margin-top: 3rem;

  padding: 0px 1.4rem;

}



/* text animation css */

#text-to-animate {

  display: inline-block;

}



.char {

  opacity: 0;

  transition: opacity 0.3s ease-in-out;

  display: inline-block;

}



.fade-out {

  animation: fade-and-remove 5s ease-in-out forwards;

  animation-delay: 1s;

}



@keyframes fade-and-remove {

  0% {

    opacity: 1;

    clip-path: inset(0 0 0 0);

  }



  100% {

    opacity: 0;

    clip-path: inset(0 100% 0 0);

  }

}



/* ends immigration page css */



/* passport  service page css */



#passport_services .page-title .heading {

  background: url(../img/passport.jpg) center center no-repeat;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  display: flex;

  justify-content: center;

  align-items: end;

  min-height: 50vh;

}



.enquiry_form {

  background: #E0CD9D;

  padding: 2.5rem;

  position: absolute;

  top: 40px;

  margin-left: -70px;

}



.enquiry_form h2 {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: clamp(18px, 2.5vw, 30px);

  line-height: clamp(24px, 3vw, 36px);

  text-transform: capitalize;

  color: #312300;

  margin-bottom: 1rem;



}





.enquiry_form p {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 30px;

  color: #312300;

}







.content-text {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 18px;

  line-height: 150%;

  text-align: justify;

  color: rgba(255, 255, 255, 0.8);

  padding: 1.5rem;

  max-width: 550px;

}



.save_mail {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 30px;

  color: #312300;

}



.enquiry-form .form-control {

  padding: 10px 15px;

}



.enquiry-form .form-control::placeholder {



  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 30px;

  color: #727272;

}





.choose-passport-service {

  padding-top: 3rem;

  padding-bottom: 1rem;

}



.title-highlight {

  background-image: url(../img/rectangle.png);

  left: -2.5%;

  width: 406px;

  height: 132px;

  top: -50px;

}



.feature-card {

  border: none;

  transition: transform 0.3s ease, box-shadow 0.3s ease;

  padding: 2.3rem;

  border-radius: 16px;

}



.feature-card p {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 400;

  font-size: 12.9825px;

  line-height: 24px;

  text-align: justify;

  color: #727272;

  margin-bottom: 0;

}



.feature_heading {

  font-family: 'Merriweather';

  font-style: normal;

  font-weight: 700;

  font-size: 17.8509px;

  line-height: 24px;

  color: #312300;

}



.feature-card:hover {

  transform: translateY(-2px);

  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);

}



.title-font {

  font-family: 'Merriweather';

  font-style: normal;

  font-size: clamp(25px, 2.5vw, 40px);

  line-height: 156%;

  text-align: center;

  color: #312300 !important;

}





#stayConnected .enquiry_form {

  padding: 2.5rem;

  position: relative;

  top: 0;

  margin-left: 0;

  background: #E0CD9D;

  box-shadow: 0px 2px 36.5px 8px rgba(0, 0, 0, 0.25);

  width: 100%;

}



@media (min-width: 576px) {

  .modal-dialog {

    max-width: 630px;

    margin-right: auto;

    margin-left: auto;

  }

}



/* ends */



/* glovia website css ends */



@media (min-width: 992px) {







  .ceo-image-col {

    padding-right: 0 !important;

    align-self: flex-start;

  }



  .ceo-quote-col {

    padding-left: 0 !important;

    position: absolute;

    top: 20px;

    right: 0;

    left: 40%;

  }



  .ceo-image-box {

    min-height: 550px;

  }



  .ceo-msg {

    min-height: 100%;

    padding: 2.5rem;

  }

}





@media (max-width: 991.98px) {



  .ceo-image-box img {

    min-height: 300px;

  }



  .ceo-msg {

    margin-top: -1.5rem;

    min-height: auto;

    padding: 2rem 1.5rem;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

  }



  .ceo-image-box {

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

  }

}



@media (min-width: 768px) {

  .feature-item-left {

    justify-content: flex-end;

    text-align: right;

  }



  .feature-item-left .icon-box {

    order: 2;

    margin-left: 1rem;

    margin-right: 0;

  }

}



@media (min-width: 768px) {

  .feature-item-right {

    justify-content: flex-start;

    text-align: left;

  }



  .feature-item-right .icon-box {

    order: 1;

    margin-right: 1rem;

    margin-left: 0;

  }



  .feature-item {

    justify-content: start;

    flex-direction: column;

  }

}



@media (max-width: 767.98px) {

  .query-form-banner {

    min-height: 100vh;

  }



  .process-image {

    max-width: 100%;

  }



  .phone-box {

    margin: 0 auto;

  }







  .contact-details {

    align-items: center !important;

  }



  .nav-tabs {

    flex-wrap: nowrap;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;

  }

}



/* media queries */



@media (max-width: 1366px) and (min-width: 1024px) {



  .enquiry_form {

    background: #E0CD9D;

    padding: 2.5rem;

    position: relative;

    top: auto;

    margin-left: 0;

  }

}





@media (max-width: 575.98px) {

  per_layer img {

    display: none;

  }

}



@media (max-width: 768px) {

  .hero-banner-slider {

    height: 60vh;

    min-height: 350px;

  }



  .blur-layer {

    display: none;

  }



}





@media (max-width: 640px) {

  .fly_image {

    display: none;

  }



  .feature-item {



    justify-content: start;

  }



  .feature-text {



    margin-left: 1rem;

  }



  .container,

  .container-fluid,

  .container-lg,

  .container-md,

  .container-xl,

  .container-xxl {

    --bs-gutter-x: 1.5rem;

    --bs-gutter-y: 0;

  }



  .fp_cards {

    padding: 0px 15px 20px;

  }



  .learn_more {

    padding: 15px 10px;

  }



  .gap-5 {

    gap: 1rem !important;

  }



  .svg-icon {

    display: none !important;

  }



  .service_sec {

    background: unset !important;



  }



  .get_touch_sec {

    position: unset;

  }



  .mb_row {

    margin-bottom: 50px;

  }



  .popular-Services {



    margin-bottom: 0;

  }



  .contact-form {

    margin-top: 2rem;

    padding: 0px 1rem;

  }



  #study_permit .mb_row {

    margin-bottom: 0;

  }



  .faq-content {



    padding-left: 0;



  }



  .enquiry_form {

    background: #E0CD9D;

    padding: 1.5rem;

    position: relative;

    top: 0;

    margin-left: 0;

  }



  .title-highlight {

    display: none;

  }



  .ps_text {

    color: var(--accent-color) !important;

  }



  .choose-passport-service {

    padding-top: 0;

    padding-bottom: 1rem;

  }



  .immigration_services_sec {

    padding-bottom: 0;

  }

  .vs_banners {

    

    padding: 1rem;

}

.contact-info  a{

  font-size: 13px;

}

}



.float{

	position:fixed;

	width:60px;

	height:60px;

	bottom:40px;

	right:40px;

	background-color:#25d366;

	color:#FFF;

	border-radius:50px;

	text-align:center;

  font-size:30px;

	box-shadow: 2px 2px 3px #999;

  z-index:100;

}



.my-float{

	margin-top:16px;

}