* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
:root {
    --red: #E03833;
    --blue: #162842;
    --white: #fff;
    --transition-base: 0.5s ease;
    --light-gray: #d0d4d9;
}
@font-face {
    font-family: light;
    src: url("../font/Merriweather-Light.woff2") format("truetype");
    font-display: swap;
    font-weight: 300;
}
@font-face {
    font-family: regular;
    src: url("../font/Merriweather-Regular.woff2") format("truetype");
    font-display: swap;
    font-weight: 400;
}
@font-face {
    font-family: bold;
    src: url("../font/Merriweather-Bold.woff2") format("truetype");
    font-display: swap;
    font-weight: 700;
}
html {
    font-size: 62.5%}
body {
    margin: 0;
    padding: 0;
    font-family: regular, sans-serif;
    font-size: 1.6rem;
    line-height: 1.6;
    background-color: #fff;
    color: #111;
    user-select: none;
  
}
h1 {
    font-size: 6rem;
    font-family: light;
}
h2 {
    font-size: 4.5rem;
    font-family: light;
}
h3 {
    font-size: 2.5rem;
    font-family: bold;
}
h4 {
    font-size: 2.2rem;
    color: var(--blue);
}
h5 {
    font-size: 1.6rem;
}
h6 {
    font-size: 1.2rem;
}
p {
    font-size: 1.8rem;
    line-height: 3.5rem;
}
a {
    display: block;
    text-decoration: none;
    font-size: 1.2rem;
    font-family: bold;
}
li {
    list-style: none;
}
span {
    color: var(--white);
}
input {
    font-size: 1.6rem;
}
input::placeholder {
    font-size: 1.6rem;
}
.wrapper-heading {
    padding: 8rem 0 0 0;
}
.wrapper {
    margin: auto;
    padding: 8rem 0;
}
.grid {
    display: grid;
    gap: 7rem;
}
.grid-two-cols {
    grid-template-columns: 1fr 1fr;
}
.grid-three-cols {
    grid-template-columns: 1fr 1fr 1fr;
}
.grid-four-cols {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid-five-cols {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.enquiry-btn {
    background-color: var(--red);
    color: #fff;
    padding: 1rem 2rem;
    border-radius: 2rem;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .05rem;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .3s ease-in-out;
}
.enquiry-btn:hover {
    background-color: var(--blue);
    color: var(--white);
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: var(--blue);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2rem;
}
.loading06 span {
    position: relative;
    display: inline-block;
    margin: 0 .2rem;
    font-size: 7rem;
    font-weight: 700;
    color: rgba(255, 255, 255, .2);
    font-family: bold;
    text-align: center;
}
.loading06 span::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    opacity: 0;
    transform: rotateY(-90deg);
    animation: loading06 4s infinite;
}
.loading06 span:first-child::after {
    animation-delay: .2s;
}
.loading06 span:nth-child(2)::after {
    animation-delay: .4s;
}
.loading06 span:nth-child(3)::after {
    animation-delay: .6s;
}
.loading06 span:nth-child(4)::after {
    animation-delay: .8s;
}
.loading06 span:nth-child(5)::after {
    animation-delay: 1s;
}
.loading06 span:nth-child(6)::after {
    animation-delay: 1.2s;
}
.loading06 span:nth-child(7)::after {
    animation-delay: 1.4s;
}
.loading06 span:nth-child(8)::after {
    animation-delay: 1.6s;
}
.loading06 span:nth-child(9)::after {
    animation-delay: 1.8s;
}
.loading06 span:nth-child(10)::after {
    animation-delay: 2s;
}
.loading06 span:nth-child(11)::after {
    animation-delay: 2.2s;
}
.loading06 span:nth-child(12)::after {
    animation-delay: 2.4s;
}
.loading06 span:nth-child(13)::after {
    animation-delay: 2.6s;
}
.loading06 span:nth-child(14)::after {
    animation-delay: 2.8s;
}
.loading06 span:nth-child(15)::after {
    animation-delay: 3s;
}
.loading06 span:nth-child(16)::after {
    animation-delay: 3.2s;
}
.loading06 span:nth-child(17)::after {
    animation-delay: 3.4s;
}
.loading06 span:nth-child(18)::after {
    animation-delay: 3.6s;
}
@keyframes loading06 {
    0%, 100%, 75% {
    transform: rotateY(-90deg);
    opacity: 0;
}
25%, 50% {
    transform: rotateY(0);
    opacity: 1;
}
}.loader {
    width: 48px;
    height: 48px;
    border: 3px solid #fff;
    border-bottom-color: #ff3d00;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
@keyframes rotation {
    0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}header {
    position: fixed;
    width: 100%;
    z-index: 99;
}
.top-header {
    background-color: var(--blue);
    padding: 1.5rem 0;
    transition: transform var(--transition-base);
    will-change: transform;
    margin-top: -10.3rem;
}
.top-header.hide {
    transform: translateY(-100%);
}
.main-header {
    position: fixed;
    top: 4.5rem;
    width: 100%;
    z-index: 999;
    transition: top var(--transition-base), transform var(--transition-base);
    transform-origin: top;
    will-change: top, transform;
}
.top-header-social-icons {
    width: 20px;
    height: 20px;
}
.main-header.move-to-top {
    top: 0;
}
.navbar-expand-lg .navbar-nav {
    align-items: center;
}
.main-header.rotate-hide {
    overflow: hidden;
    transform: perspective(300px) rotateX(-90deg);
}
.top-header-left a img {
    width: 25px;
    height: 25px;
}
.top-header-right-contact a img {
    width: 15px;
    height: 15px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    top: 5.5rem;
}
.mega-dropdown {
    position: static!important;
}
.mega-menu-fullscreen {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100vw;
    max-width: 100vw;
    padding: 0;
    background: #fff;
    z-index: 9999;
    display: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
}
.mega-dropdown .dropdown-menu {
    width: 100%;
    max-width: 1000px;
    border: none;
    border-radius: 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    padding: 0;
}
.mega-dropdown-content {
    display: flex;
    min-height: 400px;
}
.mega-dropdown:hover .dropdown-menu {
    display: block;
}
.mega-dropdown .dropdown-menu {
    display: none;
}
.mega-dropdown.show .dropdown-menu {
    display: block;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--red)!important;
}
.nav-pills .nav-link {
    font-size: 1.6rem;
}
.mega-sidebar {
    background: #162842!important;
    width: 280px;
    padding: 0;
}
.dropdown-menu {
    padding: 0!important;
}
.mega-sidebar .nav-link {
    color: #fff;
    padding: 15px 20px;
    border: none;
    border-radius: 0;
    text-align: left;
    font-weight: 500;
    transition: all .3s ease;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    cursor: pointer;
}
.mega-sidebar .nav-link:hover {
    background: rgba(255, 255, 255, .1);
    color: #fff;
    transform: translateX(5px);
}
.mega-sidebar .nav-link.active {
    background: rgba(255, 255, 255, .2);
    color: #fff;
}
.mega-sidebar .nav-link i {
    margin-right: 10px;
    width: 20px;
}
.mega-content {
    flex: 1;
    padding: 30px;
    background: #fff;
}
.mega-content-section {
    display: none;
}
.mega-content-section.active {
    display: block;
}
.mega-content h5 {
    color: #6b46c1;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 2px solid #e5e7eb;
    padding-bottom: 10px;
}
.mega-content .row {
    margin-bottom: 25px;
}
.mega-content .col-md-4 h6 {
    color: #374151;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.mega-content .col-md-4 a {
    display: block;
    color: #6b7280;
    text-decoration: none;
    padding: 5px 0;
    font-size: 14px;
    transition: all .3s ease;
}
.mega-content .col-md-4 a:hover {
    color: #e13833;
    transform: translateX(5px);
}
.navbar {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}
.navbar-brand img {
    height: 5rem!important;
}
.navbar-nav .nav-link {
    color: var(--blue);
    font-weight: 500;
    margin: 0 15px;
    transition: color .3s ease;
    font-size: 1.2rem;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 3px!important;
    padding-left: 3px!important;
}
.navbar-nav .nav-link:hover {
    color: var(--red);
}
.dropdown-toggle::after {
    display: none;
}
.dropdown-toggle {
    position: relative;
}
.dropdown-toggle::after {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 8px;
    transition: transform .3s ease;
}
.dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg);
}
.hsb-btn {
    position: absolute;
    border: none;
    outline: 0;
    background-color: transparent;
}
.hsb-btn img {
    height: 20px;
    width: 20px;
}
.header-search-btn {
    position: relative;
    background-color: #d6dbe2;
    padding: .8rem 1.2rem;
    border-radius: 2rem;
    border: none;
    font-size: 1.3rem;
    font-weight: 600;
    color: #0a1e3a;
    margin-right: 2rem;
    width: 19%;
    margin-left: auto;
}
.header-search-btn input, .header-search-btn input::placeholder {
    color: var(--blue);
    font-size: 1.2rem;
    font-family: bold;
}
.header-search-btn input {
    padding-left: 2.5rem;
    border: none;
    outline: 0;
    background-color: transparent;
    font-size: 1.3rem;
}
.mobile-header {
    display: none;
}
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
 
.hero-slider {
    margin-top: 10rem;
    background-image: url('../svg_icons/new_slider.webp');
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100vh;
       display: flex;
    align-items: center;
    justify-content: center;
}
 .hero-slider-box-data{
    text-align: center;
    width: 100%;
 }
.hero-slider-box-data h1 {
      color: var(--blue);
    font-weight: 400;
    font-size: 8.6rem;
    font-family: light; 
}
 
.hero-slider-box-data h1 span{
    color: var(--red);
}
 .hero-slider-box-data p{
    color: var(--blue);
    width: 50%;
    margin: 0 auto;
    margin-top: 4rem;
 }
.slider-btn {
    font-size: 1.6rem;
    margin-top: 5rem;
    padding: 1rem 3rem;
    border-radius: 33rem;
    letter-spacing: .3rem;
    font-family: light;
    font-weight: 500;
}
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
/* ======================= */
.brand-logo-mt{
    margin-top: 2rem;
}
.brand-logo {
    text-align: center;
    padding-bottom: 15rem;
}
.brand-logo img {
    width: 67%;
    height: auto;
}
.brand-logo2 {
    width: 90%!important;
}
.brand-logo-heading {
    letter-spacing: .3rem;
    margin-top: 0rem;
}
.feature-bg {
    background-color: var(--blue);
}
.left-right-margin {
    width: 1200px;
    margin: 0 auto;
}
.feature-bg .grid {
    gap: 5rem;
}
.feature-heading h4 {
    color: var(--white);
    padding-bottom: 3rem;
    letter-spacing: .3rem;
}
.feature-heading h2 {
    color: var(--light-gray);
    width: 50%}
.features-cards {
    background-color: #475c7aba;
    padding: 4rem;
    border-radius: 4rem;
}
.features-cards h3 {
    color: var(--white);
    width: 90%}
.features-cards p {
    color: var(--white);
    padding-top: 3rem;
    width: 95%}
.fc-card-one {
    background-color: #455468!important;
}
.fc-card-two {
    background-color: #737f8e!important;
}
.fc-card-three {
    background-color: #a2a9b4!important;
}
.choose-services-bg {
    background: linear-gradient(-10deg, #E8F1F9, #fff);
    /* padding: 5rem 0; */
}
.choose-services-heading {
    color: var(--blue);
    width: 50%}
.choose-services-heading h1 {
    font-family: light;
    width: 80%}
.cs-top {
    margin-top: 4rem;
}
.choose-serives-box-heading h3 {
    color: var(--blue);
}
.choose-serives-box-heading img {
    width: 25px;
    height: 25px;
}
.choose-services-box {
  transition: all 0.3s ease;
  transform: translateY(0);
  opacity: 1;
  display: block;
  text-decoration: none;
  padding:2rem;
 font-family: 'regular';
}

.choose-services-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  opacity: 0.95;
}

/* Animation for smoother entrance */
@keyframes gentlePop {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(-8px);
    opacity: 0.98;
  }
  100% {
    transform: translateY(-5px);
    opacity: 0.95;
  }
}

.choose-services-box:hover {
  animation: gentlePop 0.3s ease-out forwards;
}

/* Optional: Add transition for the inner elements */
.choose-serives-box-heading h3,
.choose-serives-box-heading img,
.choose-serives-para p {
  transition: all 0.2s ease;
}

 

.choose-services-box:hover .choose-serives-box-heading img {
  transform: translateX(3px); /* Slight arrow movement */
}


/* ///////////////////////////// */
.common-left-data-main {
  transition: all 0.3s ease;
  transform: translateY(0);
  opacity: 1;
  display: block;
  text-decoration: none;
  padding: 2rem;
}

.common-left-data-main:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  opacity: 0.95;
}

/* Animation for smoother entrance */
@keyframes gentlePop {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(-8px);
    opacity: 0.98;
  }
  100% {
    transform: translateY(-5px);
    opacity: 0.95;
  }
}

.common-left-data-main:hover {
  animation: gentlePop 0.3s ease-out forwards;
}

  

.common-left-data-main:hover .common-left-data-main img {
  transform: translateX(3px); /* Slight arrow movement */
}
/* ///////////////////////////// */

.choose-serives-box-heading {
    width: 85%}
.choose-serives-para {
    margin-top: 4rem;
    border-bottom: 1px solid rgba(96, 96, 96, .525);
    padding-bottom: 1.5rem;
    color: var(--blue);
    width: 85%}
.choose-serives-para p {
    width: 85%}
.about-us {
    position: relative;
    padding: 8rem 1rem;
}
.about-bg {
    width: 31%;
    height: auto;
    position: absolute;
    left: 17%;
    bottom: 7%}
.about-us .grid {
    align-items: start;
    min-height: 100%}
.about-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%}
.about-left h4 {
    color: var(--blue);
}
.about-left h1 {
    color: var(--blue);
    padding-top: 4rem;
    width: 50%}
.about-btn {
    margin-top: auto;
}
.about-right {
    width: 100%}
.about-right p {
    color: var(--blue);
}
.about-right p:first-child, .about-right p:nth-child(2) {
    padding-bottom: 2rem;
}
.select-language {
    background: linear-gradient(135deg, #f5f7fa 0, #c3cfe2 100%);
    position: relative;
    overflow: hidden;
}
.lang-main-box {
    display: flex;
    align-items: center;
    justify-content: end;
    overflow: hidden;
}
.language-box {
    display: flex;
    align-items: center;
    transition: all .5s ease;
    cursor: pointer;
    position: relative;
}
.language-box-heading {
    writing-mode: sideways-lr;
    text-orientation: mixed;
    background-color: #e63946;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    overflow: hidden;
    transition: all .5s ease;
    height: 370px;
}
.language-box-heading h4 {
    color: #fff;
    transition: transform .3s ease;
    text-transform: uppercase;
}
.language-box-ans {
    display: none;
    padding: 4rem;
    transition: max-height .5s ease, opacity .5s ease;
    opacity: 0;
    max-height: 0;
}
.language-box-ans h4 {
    color: var(--blue);
    letter-spacing: .3rem;
}
.language-box-ans h2 {
    width: 70%;
    color: var(--blue);
    padding: 2rem 0;
}
.language-box-ans .enquiry-btn {
    padding: .7rem 2rem;
    font-size: 1.3rem;
    border-radius: 33rem;
    font-family: light;
    letter-spacing: .3rem;
}
.language-left-data .enquiry-btn {
    padding: .7rem 2rem;
    font-size: 1.3rem;
    border-radius: 33rem;
    font-family: light;
    letter-spacing: .3rem;
    font-weight: 600;
}
.language-box.active .language-box-heading h4 {
    transform: rotate(0);
}
.language-box.active .language-box-ans {
    display: block;
    opacity: 1;
    max-height: 500px;
}
.language-left-data {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    transition: opacity .1s ease;
}
.language-left-data h4 {
    color: var(--blue);
    letter-spacing: .3rem;
}
.language-left-data h2 {
    color: var(--blue);
    width: 70%;
    padding: 2rem 0;
}
.language-left-data.hidden {
    opacity: 0;
    pointer-events: none;
}
.english {
    background: #c0392b;
}
.spanish {
    background: #f1c40f;
}
.hindi {
    background: #e67e22;
}
.punjabi {
    background: #e91e63;
}
.urdu {
    background: #27ae60;
}
.mandarin {
    background: #2c3e50;
}
.romanian {
    background: #8b4513;
}
.common-left-right .grid-two-cols {
    align-items: end;
}
.common-left h1 {
    padding-top: 4rem;
    color: var(--blue);
    padding-bottom: 4rem;
    text-transform: capitalize;
}
.common-left h4 {
    text-transform: uppercase;
    color: var(--blue);
}
.common-left-data-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(96, 96, 96, .525);
    padding-bottom: 2rem;
    padding-top: 3rem;
}
.common-left-data-main h3 {
    color: var(--blue);
}
.common-left-data-main img {
    width: 25px;
    height: 25px;
}
.common-right {
    text-align: right;
}
.common-right img {
    width: 82%;
    height: auto;
}
.sec-common-right {
    text-align: left;
}
.padding-bottom {
    padding-bottom: 8rem;
}
.why-choose {
    background-color: var(--blue);
    padding: 6rem 0;
}
.why-choose-right-data-h1-h3 h1, .why-choose-right-data-h1-h3 h3 {
    color: var(--blue)!important;
    font-family: light!important;
}
.why-choose-right-data h1, .why-choose-right-data h3 {
    font-family: light!important;
}
.why-choose-right-data h3 {
    font-size: 3rem;
}
.why-choose-left h4 {
    text-transform: uppercase;
    color: var(--white);
}
.why-choose-left h2 {
    text-transform: capitalize;
    color: var(--white);
    padding: 4rem 0;
}
.why-choose-left p {
    text-transform: capitalize;
    color: var(--light-gray);
}
.why-choose-right .grid {
    gap: 0;
}
.why-choose .grid-two-cols {
    align-items: end;
}
.why-choose-right-data {
    background-color: #3d495f;
    padding: 8rem 4rem;
    border-radius: 5rem;
    text-align: center;
}
.why-choose-right-data h1, .why-choose-right-data h3 {
    color: var(--white);
    font-family: regular;
}
.wcrd-2 {
    background-color: #6c7688;
}
.wcrd-3 {
    background-color: #a1a8b2;
}
.wcrd-4 {
    background-color: #d3d7dd;
}
.testimonail-heading .grid-two-cols {
    grid-template-columns: 2fr 1fr;
}
.testimonail-heading-data h4 {
    color: var(--blue);
    text-transform: uppercase;
    letter-spacing: .3rem;
}
.testimonail-heading-data h1 {
    color: var(--blue);
    font-family: light;
    padding-top: 4rem;
    width: 91%}
.testimonail-heading .grid {
    align-items: end;
}
.testi-rating-img {
    width: 100%;
    height: auto;
}
.test-data-main .wrapper {
    padding-top: 0;
}
.testi-feedback p {
    color: var(--blue);
}
.testi-feedback h4 {
    color: var(--blue);
    font-family: bold;
    margin-top: 3rem;
}
.testi-rating {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-top: 2rem;
}
.testi-rating img {
    width: 20px!important;
    height: 20px!important;
}
.contact {
    background: linear-gradient(to bottom, #e0edfa 0, #fbfcfe 100%);
    padding: 6rem 0;
}
.contact-left h4 {
    color: var(--blue);
    text-transform: uppercase;
}
.contact-left h1 {
    color: var(--blue);
    padding: 3rem 0 4rem 0;
    width: 85%}
.contact-left h3 {
    color: var(--blue);
    padding-bottom: 4rem;
}
.contact-left-info {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 2rem 0;
}
.contact-left-info img {
    width: 45px;
    border: 1px solid rgba(0, 0, 0, .212);
    border-radius: 1.5rem;
}
.appointment-card {
    background: linear-gradient(to right, #f8fbfd, #edf5fb);
    border: 1px solid #dce6f0;
    border-radius: 5rem;
    padding: 5rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
}
.appointment-card h3 {
    color: var(--blue);
    padding-bottom: 3rem;
}
select.form-select {
    appearance: none!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    background: 0 0;
    cursor: pointer;
}
.custom-select-wrapper {
    position: relative;
}
.custom-select-wrapper::after {
    content: "";
    position: absolute;
    right: 30px;
    top: 40%;
    transform: translateY(-50%, -50%);
    pointer-events: none;
    width: 35px;
    height: 35px;
    background-image: url("../frontend/svg_icons/contact_arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.contact-from select {
    padding: 2rem;
    border-radius: 1rem;
    font-size: 2rem;
    background-color: transparent;
}
.contact-from input {
    font-size: 2rem;
    padding: 2rem;
    border-radius: 1rem;
    background-color: transparent;
}
.contact-from input::placeholder {
    font-size: 2rem;
}
.contact-btn {
    background-color: var(--red);
    padding: 1.5rem 4rem;
    border: none;
    outline: 0;
    color: var(--white);
    font-size: 2rem;
    border-radius: 33rem;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
}
.contact-btn:hover {
    background-color: var(--blue);
}
/* .latest-blogss {
    padding: 6rem 0;
} */
.latest-blog-left-right-space {
    padding: 8rem 8rem;
}
.latest-blog-heading h1 {
    color: var(--blue);
    padding-bottom: 6rem;
}
.latest-blog-data-box {
    background-color: #e9ecef;
    padding: 4rem;
    border-radius: 5rem;
    height: 385px;
}
.latest-blog-data-box p {
    color: var(--blue);
}
.latest-blog-data-box h3 {
    padding: 2rem 0;
    color: var(--blue);
}
.latest-blog-para {
    color: var(--blue);
    padding-bottom: 2rem;
}
.latest-blog-button {
    font-size: 1.8rem;
    font-family: light;
    color: var(--blue);
    font-weight: 600;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 40px!important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--blue);
}
.owl-theme .owl-dots .owl-dot span {
    width: 18px;
    height: 18px;
}
.faq {
    background-color: #f3f5f7;
    padding: 6rem 0;
}
.faq-heading h1 {
    color: var(--blue);
    width: 50%}
.accordion-button {
    color: #1d2d44;
    background-color: transparent;
    box-shadow: none;
    font-size: 2.5rem;
    font-family: bold;
    padding-top: 3rem;
    padding-bottom: 3rem;
    justify-content: space-between;
    padding-right: 4rem;
}
.accordion-button::after {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    margin-left: 4rem;
    background-image: url("../svg_icons/faq_arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.accordion-button:not(.collapsed) {
    color: #1d2d44;
    background-color: transparent;
    box-shadow: none;
}
.accordion-body {
    color: var(--blue);
    font-size: 1.8rem;
    line-height: 3.5rem;
}
.accordion-item {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}
.accordion-item .accordion-body {
    padding: 1rem 1.25rem 3rem 1.25rem;
}
.accordion {
    --bs-accordion-bg: transparent!important;
}
.faq-right {
    text-align: center;
}
.faq-right img {
    width: 70%;
    height: auto;
}
footer {
    background-color: var(--blue);
}
footer .grid-four-cols {
    grid-template-columns: 1fr 0.5fr 1fr 1.4fr;
}
footer .wrapper {
    padding-bottom: 30rem;
}
.footer-logo {
    height: 10rem;
}
.footer1 p {
    color: #c3c6cd;
    padding: 4rem 0;
    font-size: 1.6rem;
    line-height: 2.5rem;
}
.fb-img {
    height: 10rem;
    display: block;
}
.footer-brand1, .footer-brand2 {
    margin-bottom: 1rem;
}
.footer-brand2, .footer-brand3 {
    height: 7rem;
}
.footer2 p {
    color: var(--white);
    font-size: 1.6rem;
}
.footer2 ul {
    padding-left: 0;
}
.footer2 ul li {
    padding: 1.5rem 0;
}
.footer2 ul li a {
    font-size: 1.6rem;
    color: #c3c6cd;
    font-family: regular, sans-serif;
}
.footer4 {
    padding-top: 2rem;
}
.footer4-img {
    display: flex;
    align-items: start;
    gap: 1.5rem;
    padding-bottom: 3rem;
}
.footer4-img img {
    width: 50px;
}
.footer4-img p {
    color: var(--light-gray);
}
.footer-relative {
    position: relative;
}
.footer-payment {
    position: absolute;
    bottom: 45px;
    left: 28%;
    padding: 2rem;
}
.footer-payment h4 {
    color: var(--white);
    letter-spacing: .2rem;
    padding-bottom: 2rem;
}
.footer-payment-img img {
    height: 3rem;
}
.footer-payment-img {
    display: flex;
    align-items: center;
    gap: 2rem;
}
.footer-payment-select {
    padding: 1.5rem;
    width: 45%;
    border: none;
    outline: 0;
    border-radius: 1rem;
    font-size: 2rem;
    background-color: #d0d4d9;
}
.footer-buy-now-btn {
    border: none;
    outline: 0;
    color: var(--white);
    padding: .5rem 2.5rem;
    border-radius: 33rem;
    background-color: #df653a;
    margin-top: 2rem;
}
.footer-payment p {
    font-size: 1.6rem;
    color: #c3c6cd;
    font-family: regular, sans-serif;
    padding-top: 2rem;
    width: 90%;
    line-height: 2.5rem;
}
#backToTopBtn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: none;
    z-index: 1000;
    background-color: var(--red);
    color: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 14px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}
#backToTopBtn:hover {
    background-color: #bb2d3b;
}
.about-banner {
    background-image:  url('../images/about-bg.webp')!important;
}
.contact-banner {
    position: relative;
    background-image:  url('../images/contact-bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: calc(100vh - 13rem);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 10rem;
}
.contact-banner-data {
    text-align: center;
}
.contact-banner-data h1 {
    color: var(--blue);
        font-size: 6rem;
    width: 75%;
    margin: auto;
}
.contact-banner-data h1 span {
    color: var(--red);
}
.contact-banner-data p {
    color: var(--blue);
    padding-top: 3rem; 
    width: 60%;
    margin: auto;
}
.contact-banner-btn {
    display: inline-flex;
    font-size: 1.8rem;
    padding: 1.5rem 4rem;
    border-radius: 33rem;
}
.contact-page {
    background: linear-gradient(to right, #E8EAEC  0, #E8EAEC 100%);
    padding: 4rem 0;
}
.contact-page-left-data {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1rem 0;
}
.contact-page-left-data img {
    width: 50px;
    height: 50px;
}
.contact-page-icon-email {
    font-size: 1.8rem;
    color: var(--blue);
    font-family: regular, sans-serif;
}
.contact-page-icon-location {
    font-family: bold;
    width: 65%;
    font-size: 2.5rem;
}
.contact-page-map-location {
    margin-top: 4rem;
    color: var(--blue);
    margin-top: 3rem;
}
.contact-page-map-location iframe {
    border-radius: 4rem;
}
.blog {
    background-color: var(--blue);
    margin-top: 10rem;
}
.blog .grid {
    gap: 20rem;
    height: 100%;
    align-items: stretch;
}
.blog .grid-two-cols {
    display: grid;
    grid-template-columns: 2fr 1.5fr;
}
.blog-left p {
    color: var(--white);
}
.blog-left h1 {
    padding: 2rem 0;
    color: var(--white);
    font-family: light;
}
.blog-btn-top {
    font-size: 1.3rem;
    color: var(--white);
    background-color: var(--red);
    display: inline-flex;
    padding: 1.5rem 3rem;
    border-radius: 33rem;
    margin-top: 12rem;
    align-self: flex-start;
}
.blog-page-section .grid {
    gap: 4rem;
}
.blog-page-section .wrapper {
    padding: 1rem 0 10rem 0;
}
.blog-page-box-data-heading {
    color: var(--blue);
}
.blog-page-all-box-data {
    margin-top: 8rem;
}
.blog-page-box-data {
    padding: 4rem 3rem;
    border: 1px solid rgba(0, 0, 0, .11);
    border-radius: 5rem;
}
.blog-page-box-data-para1 {
    color: var(--blue);
}
.blog-page-box-data h3 {
    color: var(--blue);
    padding: 2rem 0;
}
.blog-page-box-data-para2 {
    color: var(--blue);
    padding-bottom: 2rem;
    line-height: 3rem;
}
.blog-page-box-data a {
    font-size: 1.8rem;
    color: var(--blue);
    font-family: light;
    font-weight: 700;
}
.about-director-message {
    padding: 4rem 0;
}
.about-page {
    padding: 3rem 0;
}
.about-page-data h2 {
    font-family: bold;
    padding-bottom: 3rem;
    color: var(--blue);
}
.about-page-data p {
    width: 70%;
    color: var(--blue);
}
.about-page-2 .wrapper {
    padding-top: 0;
}
.about-director-message-left {
    margin-top: 8rem;
    text-align: center;
}
.about-director-message-left img {
    width: 75%;
    height: auto;
}
.about-director-message-right h4 {
    color: var(--blue);
    letter-spacing: .3rem;
}
.about-director-message-right h1 {
    color: var(--blue);
    padding: 4rem 0 8rem 0;
    width: 90%}
.about-director-message-right p {
    color: var(--blue);
}
.services-page {
    margin-top: 10rem;
    background: linear-gradient(to bottom, #e0edfa 0, #fbfcfe 100%);
    padding-top: 1rem;
}
.services-page .grid-two-cols {
    grid-template-columns: 2fr 1.5fr!important;
}
.services-page .grid {
    gap: 20rem;
}
.services-page-left h1 {
    color: var(--blue);
    font-family: light;
}
.services-page-left .services-page-title {
    font-size: 6rem;
    font-family: light;
    font-weight: 500;
    line-height: 1.2;
    color: var(--blue);
    margin-top: 0;
    margin-bottom: .5rem;
}
.services-page-left p {
    color: var(--blue);
    padding: 2rem 0;
}
.services-page-top-images {
    margin-top: 4rem;
}
.services-page-top-images img {
    width: 100%;
    height: auto;
}
.services-page-brand-logo {
    width: 200px!important;
}
.services-reting-img {
    margin: 4rem 0;
    width: 300px;
    height: auto;
}
.services-page-btn {
    padding: 1.5rem 3rem;
    font-size: 1.8rem;
    border-radius: 33rem;
    letter-spacing: .3rem;
    font-weight: 500;
}
.services-page-links {
    background-color: var(--blue);
    padding: 2rem 0;
}
.services-page-links-left-data {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #a2a9b3;
    padding-bottom: 2rem;
}
 
.services-page-links-left-data h3 {
    color: #d8d4d4;
}
.services-page-links-left-data img {
    width: 30px;
}
.services-page-more-details .grid {
    gap: 10rem;
}
.services-page-more-details .grid-two-cols {
    grid-template-columns: 2fr 1fr;
}
.services-page-more-details .wrapper-heading h1 {
    width: 40%;
    color: var(--blue);
    font-family: light;
}
.spmdl-data h3 {
    color: var(--blue);
    padding-bottom: 3rem;
    font-size: 4rem;
}
.spmdl-data p {
    padding: 1rem 0;
    color: var(--blue);
}
.spmdr-links h2 {
    color: var(--blue);
    font-family: light;
    font-size: 6rem;
}
.spmdr-links a {
    color: var(--blue);
    font-size: 1.5rem;
    /* background-color: #d5d8dd; */
    /* padding: 1rem 2rem; */
    margin: 2rem 0;
    /* border-radius: 1rem; */
    transition: color 0.3s linear;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 1rem;
}
.spmdr-links a:hover{
    color: var(--red);
}
.smpdr-latest-blog {
    margin-top: 8rem;
    /* border-bottom: 2px solid #d5d8dd; */
    padding-bottom: 2rem;
}
.smpdr-latest-blog h2 {
    color: var(--blue);
    font-size: 6rem;
    padding-bottom: 1rem;
}
.smpdr-latest-blog h4 {
    padding-bottom: 2rem;
    font-family: bold;
}
.smpdr-latest-blog p {
    color: var(--blue);
    padding-bottom: 2rem;
}
.smpdr-latest-blog a {
    color: var(--blue);
    font-size: 2rem;
    font-family: regular;
}
.smpdr-latest-blog-2 {
    margin-top: 3rem;
    border: none;
}
.services-details-apply-now {
    background-color: var(--blue);
}
.services-details-apply-now .wrapper {
    padding: 3rem 0;
}
.sdan-data {
    display: flex;
    align-items: center;
    gap: 20rem;
}
.sdan-data h3 {
    color: var(--light-gray);
    width: 47%;
    line-height: 3.8rem;
}
.spmd-padding {
    padding: 5rem 0;
}
.services-details-btn {
    font-size: 2rem;
    padding: 1.5rem 3rem;
    border-radius: 33rem;
    border: 2px solid var(--blue);
    font-family: light;
    letter-spacing: .3rem;
    font-weight: 500;
}
.services-details-btn:hover {
    border: 2px solid var(--red);
}
.smpdr-table-contents {
    border: 1px solid #d5d8dd;
    padding: 4rem;
    border-radius: 4rem;
    /* margin-bottom: 8rem; */
}
.smpdr-table-contents h3 {
    color: var(--blue);
    padding-bottom: 1rem;
}
.toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 300px;
    overflow-y: scroll;
}
.toc-item {
    position: relative;
    border-bottom: 1px solid #f1f3f4;
}
.toc-item:last-child {
    border-bottom: none;
}
.toc-link {
    display: flex;
    align-items: center;
    padding: 1.6rem 0;
    text-decoration: none;
    color: #495057;
    font-size: 1.5rem;
    font-weight: 500;
    transition: all .3s ease;
    position: relative;
}
.toc-bullet {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #dee2e6;
    margin-right: 20px;
    transition: all .3s ease;
    flex-shrink: 0;
}
.toc-text {
    flex: 1;
    transition: all .3s ease;
    position: relative;
    color: var(--blue);
}
.toc-link.active .toc-bullet {
    background-color: var(--blue);
}
.toc-link.active .toc-text {
    color: #2c3e50;
    font-weight: 600;
}
.toc-link.active .toc-text::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #dee2e6;
    border-radius: 1px;
}
.toc-link:hover {
    color: #343a40;
}
.toc-link:hover .toc-bullet {
    background-color: #adb5bd;
    transform: scale(1.1);
}
.blog-page-box-data p a {
    font-size: 2rem;
    display: inline;
    text-decoration: underline;
    color: var(--red);
}
.services-page-more-details-left p a {
    font-size: 2rem;
    display: inline;
    text-decoration: underline;
    color: var(--red);
}
.services-page-more-details-left ul li {
    list-style-type: disc;
    font-size: 2rem;
}
.services-page-more-details-left ul li a {
    font-size: 1.5rem;
    display: inline;
    text-decoration: underline;
    color: var(--red);
}
.pagination li a {
    font-size: 20px;
}
.pagination li span {
    font-size: 20px;
}
.about-page-data ul li {
    list-style-type: disc;
    font-size: 2rem;
}
.about-page-data ul li a {
    font-size: 2rem;
    display: inline;
    text-decoration: underline;
    color: var(--red);
}
.about-page-data p a {
    font-size: 2rem;
    display: inline;
    text-decoration: underline;
    color: var(--red);
}
.cta-txt h5 a {
    display: inline;
    text-decoration: underline;
    color: var(--red);
}
.contact-page-left p a {
    font-size: 2rem;
    display: inline;
    text-decoration: underline;
    color: var(--red);
}
.about-page-data ol li {
    list-style-type: disc;
    font-size: 2rem;
}
.about-page-data ol li a {
    font-size: 2rem;
    display: inline;
    text-decoration: underline;
    color: var(--red);
}

.blog-left p a{
    font-size: 2rem;
    display: inline;
    text-decoration: underline;
    color: var(--red);
}


.iti {
    width: 100%!important;
}
.iti__country-name, .iti__flag-box {
    color: var(--blue);
}
.box-list-p-a p a {
    color: var(--red)!important;
}
.active>.page-link, .page-link.active {
    background-color: var(--blue)!important;
    border-color: var(--blue)!important;
    color: var(--white) !important;
}
.page-link {
    color: var(--blue)!important;
}
/* ----------------------------------------
==================new contact form========= 
------------------new contact form---------
======================================== */
.new_contact_form .grid-two-cols {
    
  grid-template-columns:  1fr 1.5fr;
    
}
.new-contact-page-left {
    
  background-color:  var(--red);
    
  padding:  2rem;
    
  border-radius:  2rem;
    
}
.new-contact-page-left h3 {
    
  color:  var(--white);
    
}
.new_contact_form_left_box {
    
margin-top:  4rem;
    
}
.new_contact_form_left_data {
    
  display:  flex;
    
  align-items:  start;
    
  gap:  2rem;
    
  margin-bottom:  4rem;
    
}
.new_contact_form_left_data img {
    
  width:  25px;
  height:  25px;
    
}
.modal-body{
    padding: 0 !important;
}
.ncfld-right h5  {
    
  color:  #f0f0f0;
    
}
.ncfld-right p {
    
  color:  var(--white);
    
  
}
#new-contact-text {
    
  display:  flex;
    
  flex-wrap:  wrap;
    
  gap:  1rem;
    
}
#new-contact-text p {
    
  color:  var(--white);
    
  line-height:  1.rem;
    
}
#new-contact-text a {
    
  font-size: 2rem;
    
  color:  var(--white);
    
  text-decoration:  underline;
    
}
/* =====contact-page-right====== */
.new-contact-page-right h2 {
    
  font-size:  3.5rem;
    
  padding-bottom:  4rem;
    
}
.new-contact-page-right span {
    
    color:  var(--red);
    
}
.new_contact_form_from input {
    
  padding:  2rem;
    
    border-radius:  1rem;
    
    background-color:  transparent;
    
    font-size:  2rem;
    
    /* width:  100%;
     */
}
.contact-page-right-two-form {
    
  display:  flex;
    
  align-items:  center;
    
  gap:  2rem;
    
    
}
.new-contact-form-select {
    
   padding:  2rem;
    
    border-radius:  1rem;
     
    font-size:  1.5rem;
    
    width:  100%;
     
    /* border:  none;
     */
}
.new_contact_form_from textarea {
    
  padding:  2rem;
    
    border-radius:  1rem;
    
    background-color:  transparent;
    
   font-size:  1.5rem;
    
    width:  100%;
    
}
.ncf-check {
    
  display:  flex;
    
  align-items:  center;
    
  gap:  1rem;
    
}
 
.ncf-check input[type="checkbox"]  {
     
  width:  25px;
    
  height:  25px;
    
  accent-color:  var(--red);
     /* adds saffron color when checked */
}
.new-contact-form-btn {
    
  width:  100%;
    
  padding:  1rem !important;
    
  border:  1px solid var(--red);
    
  background-color:  var(--red) !important;
    
  color:  var(--white);
    
  transition:  all 0.3s linear;
    
  border-radius:  33rem !important;
    
}
.new-contact-form-btn:hover {
    
  background-color:  var(--blue) !important;
    
  border:  1px solid var(--blue) !important;
    
}
/* ===============search btn code=============== */
/* ===============search btn code=============== */
/* ===============search btn code=============== */
/* ===============search btn code=============== */
/* ===============search btn code=============== */
/* ===============search btn code=============== */
/* ===============search btn code=============== */
/* ===============search btn code=============== */
/* ===============search btn code=============== */
/* ===============search btn code=============== */
/* ===============search btn code=============== */
/* ===============search btn code=============== */
.full-scree-search-btn {
     
 position: fixed; 
  width: 100%;
  height: 100vh;
  z-index: 9999;
  background-color: var(--white);
  display: none; 
  top:0;
  overflow: auto; 
      overflow-x:hidden !important;
}
.full-scree-search-btn.show {
    
  display:  block;
    
}

.fssb-box {
    position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 2rem;
  border-radius: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /* cursor: pointer; */
    
}
.fssb-data h1 {
    
  padding-bottom:  4rem;
    
  font-weight:  900;
    font-size: 4rem;
  color:  var(--blue);
    
}
.cancle-search-icon {
    
  position:  absolute;
    
  top:  5%;
    
  right:  5rem;
    
  font-size:  5rem;
     
  cursor:  pointer;
    
   transition:  all 0.8s ease;
    
  animation:  rotateIcon 5s linear infinite;
    
}

/* Keyframes for rotation */
@keyframes rotateIcon  {
    
  from  {
    
    transform:  rotate(0deg);
    
  }
  to  {
    
    transform:  rotate(360deg);
    
  }
}
 
.fssb-box-data-input {
    
  position:  relative;
    
}

.fssb-box-data-input input {
    
  padding:  1rem;
    
  width:  100%;
     
  border-radius:  1rem;
    
  font-size:  2rem;
    
  outline:  none;
    
  border:  0.5px solid var(--blue);
    
}
.fssb-search-btn {
    
  position:  absolute;
    
  top:  50%;
    
  right:  0rem;
    
  font-size:  2.5rem;
    
  cursor:  pointer;
    
  transform:  translate(0%,  -50%);
     
  padding:  0.7rem 2rem;
     
  transition:  all 0.3s ease;
    
}

.fssb-search-btn:hover  {
    
  transform:  translate(0%,  -50%) rotate(20deg);
    
}
.no-scroll  {
    
  overflow:  hidden;
    
  height:  100vh;
     /* Optional:  Prevent background jump */
}
/* =========================================== */
.search_form_articles{
    margin-top: 4rem;
    border-top: 1px solid rgb(218, 218, 218);
    padding-top: 4rem;
    overflow-y:auto;
    position: absolute;  
    top: 100%;
    left: 50%;
    transform: translate(-50%, -0%);
    /* display: none; */
    width: 100vw;
}
.search_form_articles .grid{
    gap: 2rem;
}
.search_form_articles h2{
    text-align: center;
    padding-bottom: 4rem;
}
.search_form_articles .wrapper{
    padding-top: 2rem;
}
.search_form_articles_box{
     padding:2rem;
    border: 1px solid rgba(0, 0, 0, .11);
    border-radius: 5rem;
}
/* .search_form_articles_box img{
    width: 300px;
    border-radius: 2rem;
} */
.search_form_articles_box h3{
    color:var(--blue); 
    padding: 2rem 0;
}
 
.search_form_articles_box a{
font-size: 1.8rem;
    color: var(--blue);
    font-family: light;
    font-weight: 500;
    }
    /* =====================neew code for mobile hearder======== */
    .mobile-top-w-m-header{
        background-color: var(--blue);
        position: relative;
        display: none;
    }
    .mtwmh-box{
           padding: 1rem 2rem;
           display: flex;
        align-items: center; 
        justify-content: space-between;
    }
    .mtwmh-flex{
        display: flex;
        align-items: center;
        gap: 0.8rem;
    }
    .mtwmh-flex img{
        width:15px;
        height:15px;
    }
    .mtwmh-flex a{
        color: var(--white);
    }
    /* =============form click border color======== */
    .form-control:focus{
        border-color: var(--blue) !important;
        box-shadow: var(--blue) !important;
    }
    .form-select:focus{
        border-color: var(--blue) !important;
        box-shadow: var(--blue) !important;
    }
    .form-select{
        color: #212529c2 !important;
    }


    /* /////////////////////////////////// */
    .services-page-links-left-data {
  transition: all 0.3s ease;
  transform: translateY(0); 
  text-decoration: none;
  padding: 2rem;
  transition: 0.3s linear;
}

.services-page-links-left-data:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  opacity: 0.95;
}

/* Animation for smoother entrance */
@keyframes gentlePop {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(-8px);
    opacity: 0.98;
  }
  100% {
    transform: translateY(-5px);
    opacity: 0.95;
  }
}

.services-page-links-left-data:hover {
  animation: gentlePop 0.3s ease-out forwards;
}
 

.services-page-links-left-data:hover .choose-serives-box-heading img {
  transform: translateX(3px); /* Slight arrow movement */
}


/* ///////////////////////////////////////////////////////////////////////////// */
  .main-container {
        position: fixed;
        left: 30px;
        bottom: 30px; 
        z-index: 999;
        }

        .popup-btn {
              background: var(--red);
    border: none;
    border-radius: 50px;
    padding: 10px 29px;
    font-size: 1.5rem;
    font-weight: 600;
    color: white;  
    transition: all 0.3s ease;
    letter-spacing: 0.2rem;
        }
 
 .popup-btn:hover{
    background-color: var(--blue) !important;
    color: var(--white);
 }
        .modal-header .btn-close{

            font-size: 3rem;
        }
        .btn-close-white {
    filter: var(--red) !important;
}
        .modal-header {
            /* background: linear-gradient(45deg, #667eea, #764ba2); */
            color: white;
            border-radius: 10px 10px 0 0;
        }

        .modal-content {
            border-radius: 15px;
            border: none; 
        }

        .modal-body {
            /* padding: 30px; */
        }
.modal-dialog-centered { 
    margin: 2rem;
}
        .feature-card {
            background: #f8f9fa;
            border-radius: 10px;
            padding: 20px;
            margin: 15px 0;
            border-left: 4px solid #667eea;
            transition: all 0.3s ease;
        }

        .feature-card:hover {
            transform: translateX(5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        .contact-form {
            background: #f8f9fa;
            border-radius: 15px;
            padding: 25px;
            margin-top: 20px;
        }

        .form-control:focus {
            border-color: #667eea;
            box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
        }

        .submit-btn {
            background: linear-gradient(45deg, #667eea, #764ba2);
            border: none;
            border-radius: 25px;
            padding: 12px 25px;
            color: white;
            font-weight: 600;
        }

        .submit-btn:hover {
            background: linear-gradient(45deg, #5a67d8, #6b46c1);
            transform: translateY(-2px);
        }
        @media (min-width: 576px) {
    .modal-dialog {
        /* max-width: 100% !important; */
        margin-right: auto;
        margin-left: auto;
    }

    
}
/* country popup  */
.iti__country-list{
    max-width: 300px !important;
}
/* =================== */
@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 85% !important;
    }
}
/* =============pagination dotted bg remove======= */
.disabled>.page-link, .page-link.disabled{
    background-color: transparent !important;
}


.desktop-toc { display: none; }
.mobile-toc  { display: block; }

@media (min-width: 768px) {
  .desktop-toc { display: block; }
  .mobile-toc  { display: none; }
}
@media (max-width: 768px) {
  .new_contact_form .grid.grid-two-cols {
    display: block !important;
    padding: 1rem !important;
  }

  .new-contact-page-left,
  .new-contact-page-right {
    width: 100%;
    margin-bottom: 2rem;
  }

}
/* TOC container in its column */
.smpdr-table-contents.desktop-toc {
  position: sticky;     /* stick inside its parent column */
  top: 100px;           /* distance from top (adjust for header height) */
  max-height: calc(100vh - 150px);
  overflow-y: auto;     /* vertical scroll if too tall */
}

.spmdr-links{
   border: 1px solid #d5d8dd;
    padding: 4rem;
    border-radius: 4rem;
    margin-bottom: 4rem;
}
.sidebar-service{
    max-height: 350px;
    overflow-y: scroll;

}
.cta-txt{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; padding: 2rem; border-radius: 1rem;
    padding: 4rem 0;
    margin-bottom: 2rem;
}
.services-page-more-details  .wrapper{
    padding-bottom:0rem ;
}
.owl-carousel .owl-dots.disabled, .owl-carousel{
    display: block !important;
}
.latest-blog-para p a{
    display: inline;
    font-size: 1.8rem;
    color: var(--red);
}

.services-page-links-right a h3{
    font-size: 1.8rem !important;
}
.services-page-links-left a h3{
    font-size: 1.8rem !important;
}
.services-page-left .services-page-title {
    font-size: 5rem;
    font-family: light;
    font-weight: 500;
    line-height: 1.2;
    color: var(--blue);
    margin-top: 0;
    margin-bottom: .5rem;
}
@media (max-width:767.98px) {
    .services-page-left .services-page-title {
        font-size: 4rem;
    }
}